drawLine.js

async function drawCircles(mousedownEvent) {
    const { top, left } = theCanvas.getBoundingClientRect()
    for await (const clickEvent of clicks(theCanvas)) {
        const radius = Math.random() * 19 + 1 // Circles between 1-20 inclusive
        const color = randomColor()
        drawCircle(
            theCanvas,
            clickEvent.clientX - left,
            clickEvent.clientY - top,
            radius,
            color,
        )
    }
}