SOS ,code java pour animer mon train

On m'a demandé de dessiner un train avec du code HTML et CSS
j'ai dessiné le train et il me reste le code javascript pour changer sa position(Ajouter le code JavaScript qui permet de changer la position du train en l'avançant à
droite de 200 pixels suite au clique sur l'une de ces roues.)
Pouvez vous m'aider??

2 réponses

  1. Modérateur
    <html>
     <head>
      <title>TEST</title>  
     </head>
     <body>
     <style>
     .blok{
      width:120px;
      height:90px;
      border:1px solid black;
      background-color: #ccffcc;
     }
     
    
     </style>
     <div class="blok"  id="id_du_blok" onclick="avancer();" style="position :absolute;left:30px;"></div>
    
     
     <script type="text/javascript">
     function avancer(){
     var elm = document.getElementById('id_du_blok');
     var  positionActuelle = (elm.style.left);
     var newPosition = parseInt(positionActuelle) + 20+ "px";
     elm.style.left = newPosition ;
     }
     </script>
    </body>
    </html>
    


    Avant de poser une question, merci de lire la charte du site.
    Cordialement, Jordane
    1. Modérateur
      Bonjour

      il ye suffit d'utiliser l'événement ONCLIC sur tes roues
      et de modifier l'attribut LEFT de tes différents éléments html..

      si tu bloques ... montres ton code
      1. si tu peut me donner un exemple pour que je comprenne mieux