JavaScript function onhover in

I have got this code in HTML:

<div onHover="npcRoll()"> <p>Choose your weapon!</p> <button onClick="choose(1)">Rock</button> <button onClick="choose(2)">Paper</button> <button onClick="choose(3)">Scissors</button> <p>You chose <span></span>!</p> </div> 

And here is my JavaScript code for it:

// Random var random = function(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; }; // NPC var npc; function npcRoll(){ npc = random(1, 3); } 

And here is the CSS code:

#choice { margin: 0 auto; border: 2px solid gray; width: 350px; } 

The idea was to make roll NPC number every time the user hovers over the <div> but it doesn't work. Can you help me with it?

1 Answer

There is no onHover event, use onmouseover:

<div onmouseover="npcRoll()">