Ik heb deze code in HTML:
<div id="choice" onHover="npcRoll()">
<p>Choose your weapon!</p>
<button id="rock" onClick="choose(1)">Rock</button>
<button id="paper" onClick="choose(2)">Paper</button>
<button id="scissors" onClick="choose(3)">Scissors</button>
<p>You chose <span id="userChoice"></span>!</p>
</div>
En hier is mijn JavaScript-code ervoor:
// Random
var random = function(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
};
// NPC
var npc;
function npcRoll(){
npc = random(1, 3);
}
En hier is de CSS-code:
#choice {
margin: 0 auto;
border: 2px solid gray;
width: 350px;
}
Het idee was om elke keer dat de gebruiker de muisaanwijzer over de <div>
rolt een NPC-nummer te maken, maar het werkt niet. Kun je me ermee helpen?
Antwoord 1, autoriteit 100%
Er is geen onHover
-gebeurtenis, gebruik onmouseover
:
<div id="choice" onmouseover="npcRoll()">