Bonjour,

Je commence le développement web, et dans mon apprentissage, j'essaye de faire un système de like en JavaScript et PHP.

Mon script fonctionne, mais cela l'affiche uniquement pour mon premier élément.

Je pense savoir pourquoi, mais malgré plusieurs tentatives de correction, je n'y arrive pas, pour corriger j'ai juste raccourci mon code JavaScript,  qui se trouve dans ma boucle while PHP :

var idstuff = document.getElementById("idstuff").value;
console.log(idstuff);

Juste au-dessus j'ai le PHP qui me permet de récupérer toutes les informations dans la base de données.

while($donnees_stuff = $rq_stuff->fetch())
{
$idstuff = $donnees_stuff['id_stuff'];
echo '<input id="idstuff" name="idstuff" type="hidden" value="'.$idstuff.'">';
echo '<div id="like">  </div>';
}

Donc mon idstuff en PHP varie bien, j'arrive bien à la faire changer.

Seulement en Javascript, je récupére toujours la première valeur du premier, donc j'aurais par exemple 5 fois la valeur 56 et non pas 56, 36, 33, 25, 16.

Donc je pense que c'est comme le nom de mon input est idstuff il va me récupérer toujours le même, mais je n'ai pas trouvé comment faire pour les différencier en JavaScript, et qu'il me récupère celui que mon while traite actuellement.

Merci

Première chose qui ne va pas, les attributs id sont censés être uniques dans un document. Donc bon, en l'état ta page s'affiche correctement, mais ça pose problème à javascript, qui part du principe qu'il n'y a qu'un seul élément "idstuff".
Tu devrais essayer avec une classe plutôt qu'un id.
D'une part, ça respecte la convention selon laquelle un id est unique, d'autre part, javascript pourra récupérer une collection d'éléments avec document.getElementsByClassName()

Tu notera que dans le nom de cette méthode, elements est au pluriel. Cette méthode renvoie donc une collection ( un array ) d'éléments html ( même si il n'y a qu'un seul éléments, il sera quand même dans un array ). Pour récupérer les valeurs, il faudra alors boucler sur cette collection ( avec un for of, par exemple ).