Рисунок на холсте Javascript

Question

Когда я загружаю страницу, холст загружается и заполняет фон белым цветом. Но когда я нажимаю и перетаскиваю на холст, он не будет рисовать для меня.

window.addEventListener("load", () => {
  const canvas = document.querySelector('#canvas');
  const ctx = canvas.getContext('2d');

  canvas.height = 200;
  canvas.width = window.innerWidth;

  ctx.fillStyle = 'white';
  ctx.fillRect(0, 0, canvas.width, canvas.height);

  let painting = false;

  function startPosition(e) {
    painting = true;
    draw(e);
  }

  function endPosition() {
    painting = false;
    ctx.beginPath();
  }

  function draw(e) {
    if (!painting) return;
    ctx.lineWidth = 7;
    ctx.lineCap = "round";
    ctx.strokeStyle = "black";
    ctx.lineTo(e.clientX, e.clientY);
    ctx.stroke();
    ctx.beginPath();
    ctx.moveTo(e.clientX, e.clientY);
  }

  //Event Listeners
  canvas.addEventListener("mousedown", startPosition);
  canvas.addEventListener("mouseup", endPosition);
  canvas.addEventListener("mousemove", draw);
})

<canvas id='canvas'></canvas>