[Proyecto] Ejercicio de circulos en canvas | Lógica de programación: Practicando con juegos y animaciones | Alura Latam

Les comparto mi práctica con circulos. He creado algo muy simple que es nada más ni nada menos que un tiro al blanco.

Aquí les pongo el código.

<!DOCTYPE html>
<canvas width="600" height="400"> </canvas> 

<h1>Ejercicio con ciruclos - Tiro al blanco</h1>
<script>

    var pantalla= document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");

    pincel.beginPath();
    pincel.fillStyle='black';
    pincel.arc(300,200,140,0,2*3.14);
    pincel.fill();

    pincel.beginPath();
    pincel.fillStyle='white';
    pincel.arc(300,200,120,0,2*3.14);
    pincel.fill();

    pincel.beginPath();
    pincel.fillStyle='black';
    pincel.arc(300,200,100,0,2*3.14);
    pincel.fill();

    pincel.beginPath();
    pincel.fillStyle='white';
    pincel.arc(300,200,80,0,2*3.14);
    pincel.fill();

    pincel.beginPath();
    pincel.fillStyle='black';
    pincel.arc(300,200,60,0,2*3.14);
    pincel.fill();

    pincel.beginPath();
    pincel.fillStyle='white';
    pincel.arc(300,200,40,0,2*3.14);
    pincel.fill();

    pincel.beginPath();
    pincel.fillStyle='red';
    pincel.arc(300,200,20,0,2*3.14);
    pincel.fill();


</script>

Lo que me gustaria hacer es colocarle a cada círculo los números para los puntajes. Si alguien me podria decir como hacererlo se los agradezco.