1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35
|
<p id="demo"></p>
<p id="image"></p>
<p id="demoTwo"></p>
<script type="text/javascript">
var tabImg = [
["pierre.jpg", "stone", "pierre"],
["ciseaux.jpg", "scissor", "ciseaux"],
["feuille.jpg", "leaf", "feuille"],
];
var choixUilisateur = "test";
function clic(){
for (var i = 0; i < tabImg.length; i++) {
document.write("<img id='" + tabImg[i][2] + "' src='" + tabImg[i][0] + "' id='" + tabImg[i][1] + "' alt='" + tabImg[i][2] + "' />");
document.write("<button onclick='afficheClic(\"" + tabImg[i][2] + "\")'>" + tabImg[i][2] + "</button>");
}
}
clic();
function afficheClic(titreImg){
choixUilisateur = titreImg;
document.getElementById("demo").innerHTML = choixUilisateur;
// fonctionne choixUilisateur = titreImg
}
afficheClic();
// ne fonctionne pas ???
console.log(choixUilisateur);
document.getElementById("demoTwo").innerHTML = choixUilisateur;// resultat UNDEFINED
</script> |