title: How do you make the eyes move and follow the cursor? I honestly dont know what to do from here
body: <p>Am I meant to draw the eyes in an alternative way for it to follow the cursor? Please help :) I am completely lost from here and have tried online solutions but they all require css in which my code doesn't. I want to run all of this purely from javascript, any tips?</p>
  <pre class="lang-js prettyprint-override"><code>function drawEyes() {
    const c = document.getElementById(&quot;canvasEyes&quot;)
    const ctx = c.getContext('2d');
  
    //left eye
    ctx.beginPath();
    ctx.arc(75, 75, 50, 0, Math.PI * 2, false);
    ctx.stroke();
  
    //iris
    ctx.beginPath();
    ctx.arc(75, 75, 30, 0, Math.PI * 2, false);
    ctx.stroke();
    ctx.fillStyle = &quot;black&quot;;
    ctx.fill();
    //pupil
    ctx.beginPath();
    ctx.arc(75, 75, 15, 0, Math.PI * 2, false);
    ctx.stroke();
    ctx.fillStyle = &quot;blue&quot;;
    ctx.fill();
  
    //right eye
    ctx.beginPath();
    ctx.arc(225, 75, 50, 0, Math.PI * 2, false);
    ctx.stroke();
    //iris
    ctx.beginPath();
    ctx.arc(225, 75, 30, 0, Math.PI * 2, false);
    ctx.stroke();
    ctx.fillStyle = &quot;black&quot;;
    ctx.fill();
    //pupil
    ctx.beginPath();
    ctx.arc(225, 75, 15, 0, Math.PI * 2, false);
    ctx.stroke();
    ctx.fillStyle = &quot;blue&quot;;
    ctx.fill();
  }
  </code></pre>