ffrstar777
New Member
I have got this code in HTML:\[code\]<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>\[/code\]And here is my JavaScript code for it:\[code\]// Randomvar random = function(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min;}; // NPCvar npc;function npcRoll(){ npc = random(1, 3);}\[/code\]And here is the CSS code:\[code\]#choice { margin: 0 auto; border: 2px solid gray; width: 350px;}\[/code\]The idea was to make roll NPC number every time the user hovers over the \[code\]<div>\[/code\] but it doesn't work. Can you help me with it?