How in JavaScript draw a circle with radius 10 pixels in a html canvas?
To draw a circle with a radius of 10 pixels in a HTML canvas using JavaScript, you can use the following code:

<html>
  <head>
    <script>
      function drawCircle() {
        var canvas = document.getElementById(myCanvas);
        var context = canvas.getContext(2d);
        
        context.beginPath();
        context.arc(100, 100, 10, 0, 2 * Math.PI);
        context.fillStyle = blue;
        context.fill();
        context.stroke();
      }
    </script>
  </head>
  <body onload=drawCircle()>
    <canvas id=myCanvas width=200 height=200></canvas>
  </body>
</html>

In this example, getElementById is used to obtain a reference to the canvas element in the HTML document, and getContext is used to obtain a 2D rendering context for the canvas. beginPath is called to start a new path, arc is used to create an arc with a given center, radius, start angle, and end angle, and fill and stroke are used to fill and outline the circle, respectively.

You can adjust the position of the circle by changing the values passed to the arc method, and you can change the color of the fill by changing the value assigned to fillStyle.