Spot the bug - #117: Neon Concentric Circles

programming web dev
1

Why is my quirky neon canvas party not drawing anything?

function drawNeonRave(canvas) {
  const ctx = canvas.getContext('2d');
  const colors = ['#ff007f', '#00f0ff', '#ffe600', '#39ff14'];
  const centerX = canvas.width / 2;
  const centerY = canvas.height / 2;

  ctx.clearRect(0, 0, canvas.width, canvas.height);
  ctx.lineWidth = 4;

  for (let i = 1; i <= 6; i++) {
    const radius = i * 22;
    const chosenColor = colors[i % colors.length];

    ctx.beginPath();
    ctx.arc(centerX, centerY, radius, 0, Math.PI * 2);
    ctx.strokestyle = chosenColor;
    ctx.stroke();
  }
}

Reply with what is broken and how you would fix it.