Ce sujet fait suite à celui-ci : Affecter un évènement une seule fois

Maintenant que j'ai mon jeu mis en place (zones cliquables sur une image avec réponse à donner).

Je souhaiterais mettre en place un radar qui note sur l'image les zones répondues correctement.
Nom : Capture d’écran 2022-10-04 220120.jpg
Affichages : 214
Taille : 215,1 Ko

Je compte donc mettre une image de radar sur l'image et quand je cliquerai dessus des ronds s'affichent là où il y avait la zone cliquable, puis si je clique ailleurs le jeu reprend son cours.
Je n'arrive pas à placer mon radar où je le souhaite (en bas, au milieu, à droite...)

Nom : radar en bas.jpg
Affichages : 220
Taille : 232,8 Ko

J'ai essayé de coder ainsi :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div class="container">    
<DIV STYLE="position:absolute; top:250; left:50">
       Score : <span id="champDuPrompt"></span>
        Vies : <span id="nbdevies"></span>
          <div class="svg-heart">
        <svg><use href="#empty-heart"></use></svg>
        <svg><use href="#empty-heart"></use></svg>
        <svg><use href="#empty-heart"></use></svg>
      </div>
</DIV>
 
</div>
 
   <div >
   <img src="radar.png" width="100" style="position:absolute; top:1650; left:50"> 
</div>

J'espère avoir été assez clair cette fois-ci.