Explication javascript

Résolu
dwieser Messages postés 235 Statut Membre -  
 Utilisateur anonyme -
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. Utilisateur anonyme
     
    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
  2. dwieser Messages postés 235 Statut Membre 9
     
    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
  3. Utilisateur anonyme
     
    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
  4. dwieser Messages postés 235 Statut Membre 9
     
    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
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. Utilisateur anonyme
     
    penser à mettre résolu
    0