TOGGLE').onclick = async () => grid = Array.from({length: H}, () => Array(W).fill(Math.random() >= 0.5)),<button id='TOGGLE'>Toggle Random</button>&lt;br&gt;&lt;br&gt;<button id='CLEAR'>Clear Grid</button>&lt;br&gt;&lt;br&gt;&lt;button id='STEP'>Step</button>&lt;br&gt;&lt;br&gt;&lt;button id='PLAY'>Play</button>&lt;br&gt;&lt;br&gt;&lt;button id='PAUSE'>Pause</button>&lt;br&gt;&lt;br&gt;&lt;div id='CONTROLS'&gt;&lt;/div&gt;<script>const CELL_SIZE = 10, W = Math.floor(window.innerWidth / CELL_SIZE), H = Math.floor(window.innerHeight / CELL_SIZE), grid = Array.from({length: H}, () => Array(W).fill(false)), canvas = document.createElement('canvas'), ctx = canvas.getContext('2d');document.body.appendChild(canvas);canvas.width = canvas.height = W * CELL_SIZE;document.getElementById('TOGGLE').onclick = async () => grid = Array.from({length: H}, () => Array(W).fill(Math.random() >= 0.5)),document.getElementById('CLEAR').onclick = () => grid = Array.from({length: H}, () => Array(W).fill(false)),canvas.onclick = (e) => {e.preventDefault();let x = Math.floor(e.clientX / CELL_SIZE), y = Math.floor(e.clientY / CELL_SIZE);grid[y][x] = !grid[y][x],ctx.fillStyle = grid[y][x]?'white':'black',ctx.fillRect(x * CELL_SIZE, y * CELL_SIZE, CELL_SIZE, CELL_SIZE)},canvas.addEventListener('touchstart', (e) => {e.preventDefault();let touches = e.changedTouches, x, y;for (let touch of touches) {x = Math.floor(touch.clientX / CELL_SIZE), y = Math.floor(touch.clientY / CELL_SIZE);grid[y][x] = !grid[y][x],ctx.fillStyle = grid[y][x]? 'white':'black', ctx.fillRect(x * CELL_SIZE, y * CELL_SIZE, CELL_SIZE, CELL_SIZE)},setTimeout(update, 0);function drawControls() {document.getElementById('CONTROLS').innerHTML = '<button id=