Claude Opus 4.8 vs GPT-5.5 for vibe coding

## Top 3 Improvements

- **Validate input**: handle empty/negative/non-numeric bills to avoid showing misleading `£NaN` results.
- **Show tip amount separately**: users want to see the tip, not just the total.
- **Label controls**: add accessible labels so the fields' purpose is clear.

## Updated File

```html
<label for="bill">Bill amount (£):</label>
<input id="bill" type="number">
<label for="pct">Tip %:</label>
<select id="pct"><option>10</option><option>15</option><option>20</option></select>
<button onclick="calc()">Go</button>
<p id="ou…

- Add labels and live output for better accessibility.
- Validate non-negative bill amounts before calculating.
- Replace inline click handler with scoped event listener.

```html
<label for="bill">Bill</label>
<input id="bill" type="number" min="0" step="0.01" required>

<label for="pct">Tip %</label>
<select id="pct">
  <option>10</option>
  <option>15</option>
  <option>20</option>
</select>

<button id="calcBtn">Go</button>
<p id="out" aria-live="polite"></p>

<script>
const billEl = document.getElementById('bill');
const pctEl = document.g…