web-dev-qa-db-fra.com

JavaScript - document.getElementByID avec onClick

J'essaie de coder un jeu simple dans un document HTML juste pour le plaisir. Il contient une image qui ajoute à votre score lorsque vous cliquez dessus.

J'ai créé une simple instruction if au sein de la fonction d'ajout de partition qui devrait changer l'image et sa valeur onClick ...

if (foo == 1) {
    document.getElementById("test").src = "images/test2.png";
    document.getElementById("test").onClick = "foo2()";
}

... mais ça ne marche pas. L'image sera modifiée avec succès, mais le onClick réel reste le même. En vérifiant la console, elle ne lance aucune erreur non plus.

javascripthtmlonclick
12
Poyo

La propriété onclick est entièrement en minuscules et accepte une fonction , pas une chaîne.

document.getElementById("test").onclick = foo2;

Voir aussi addEventListener .

29
Quentin

En JavaScript fonctions sont des objets.

document.getElementById('foo').onclick = function(){
    Prompt('Hello world');
}
6
Who iscoo
window.onload = prepareButton;

function prepareButton()
{ 
   document.getElementById('foo').onclick = function()
   {
       alert('you clicked me');
   }
}

<input id="foo" value="Click Me!" type="button" />
3
iftkhar