Fun

Bubble wrap popper

A sheet of one hundred bubbles that stay popped once you press them, with a count of how many are gone and a reset for another sheet.

Runs locally in your browser

How it works

The sheet is a grid of one hundred buttons that reflows to the screen: ten columns on a wide display and fewer on a phone, so every bubble keeps at least 44 pixels and stays an easy tap. Each bubble is a real control, reachable with Tab and pressed with Enter or Space, not a decoration. Pressing one changes its colour, marks it pressed for assistive technology and adds one to the counter, which sits in a live region so the new total is announced. Popped bubbles stay popped until you reset, which builds a fresh sheet. Sound is optional and starts off: turning it on plays a short oscillator tone through the Web Audio API, with no audio file, nothing downloaded and no autoplay.

Worked example

The sheet holds 10 × 10 = 100 bubbles. Popping 37 of them leaves the counter reading 37 of 100 popped, and resetting returns it to 0 of 100 with every bubble full again.

Questions and answers

Everything runs in your browser: your text, file or value is never uploaded anywhere.