Explication javascript

Résolu
Bonjour,

je viens de recopier un code javascript d'un de mes livres
dont je suis en train d'étudier afin de comprende le fonctionnement
il s'agit d'un code pour déplacer une balle de droite à gauche avec des boutons

voici ce que je n'ai pas saisi
il s'agit de ceci en GRAS

<html><p id ="output">
x = 100, y = 100
</p></html>

//EN JS
var output = document.getElementById("output");
output.innerHTML = "x: " + x + " , y: " + y ;


puis je avoir une petite explication clair sur cette partie
+ x + et y a aussi +y sauf que lui ne change pas
et que veux dire innerHTML

MERCI PAR AVANCE DE VOS EXPLICATIONS

LE CODE JAVASCRIPT COMPLET
function init()
{
sprite =  document.getElementById("sprite");
}

function moveSprite(dx, dy)//ici c'est le delta de x et de y
{
var surface = document.getElementById("surface");

x = parseInt(sprite.style.left);
y = parseInt(sprite.style.top);

x += dx;
y += dy;

//checkBounds()

//deplacement de la balle nouvelle position
sprite.style.left = x + "px";
sprite.style.top = y + "px";

//description de la position
var output = document.getElementById("output");
output.innerHTML = "x: " + x + " , y: " + y ;
}






--
Moi je plante et toi tu creuses !!!

5 réponses

  1. Bonjour c est pour l'affichage des coordonnée de la balle

    avec getElementById tu appelle certainement une balise div ou p avec un identifiant output

    et innerHTML c est pour l'affichage des cordonnées dans l'output x+un chiffre et y +un chiffre

    voila

    Bonne soirée
    0
    1. bonjour,

      getElementbyId j'avais compris
      output.innerHTML ça c'est bon j'ai compri
      mais ça

      "x: " + x + " , y: " + y ; 
      


      je comprend moins bien

      bien que je sais que c'est x + un chiffre
      c'est en fait l'annotation qui me pose problème

      pourquoi "+ x +" d'un cote
      et l'autre + y
      j'ai oté un + ds x et là plus rien ne fonctionne
      j'aimerai juste savoir ce que veux dire cette annotation

      MERCI POUR VOS REPONSES

      Moi je plante et toi tu creuses !!!
      0
      1. he ben comment expliquer

        "x: " + x + " , y: " + y ;

        "x: " =>cela s'affiche a l'écran chaine de caractère
        x c est la variable x
        " y: " =>sa s'affiche a l'écran chaine de caractère
        et y c est la variable y
        il y a des + entre chaque car c est la concaténation
        https://fr.wikipedia.org/wiki/Concat%C3%A9nation
        0
        1. bonjour,

          j'apprend le javascript

          depuis hier j'ai cherché à comprendre
          en cherchant le sens sous forme addition
          dont j'avais du mal à concevoir

          eh que je suis bête, c'est si évident
          que ça ne m'a pas sauté aux yeux

          au top la page du site, celle là
          je l'a recommande
          https://fr.wikipedia.org/wiki/Concat%C3%A9nation

          merci et à bientôt

          Moi je plante et toi tu creuses !!!
          0
          1. penser à mettre résolu
            0