Visualize the output of Math.random()

random-noise.js

document.head.innerHTML = "<title>Math.random() noise!</title>"; document.body.innerHTML = "<canvas></canvas>"; canvas = document.querySelector("canvas"); canvas.width = canvas.height = 300; ctx = canvas.getContext("2d"); ctx.clearRect(0, 0, canvas.width, canvas.height); for (let x = 0; x < canvas.width; x++) { for (let y = 0; y < canvas.height; y++) { r = Math.floor(Math.random() * 255); ctx.fillStyle = `rgb(${r}, ${r}, ${r})`; ctx.fillRect(x, y, 1, 1); } }