html - My javascript function in the code given below is getting called twice -


the below code simple number guessing game. function guess() getting called twice. @ loss of logic why it's happening.

<!doctypte html>  <html>     <head><title>number guessing game version 1.0</title></head>     <body>         <form onsubmit="guess();return false;">         <p><h2>i host, human.  thinking of number between 0 , 100, including both</h2></p>         <p><input type="text" id="inputid" autocomplete="off"></input><button id="submitbutton" onclick="guess()">guess!!</button></p>         <p><span id="msgid"></span></p>         <p>guesses remaining:<span id="guessid"></span></p>     </body>     </form>     <script language="javascript">         var doublerandom = math.random();         var guessesleft = parseint("10");         var intrandom = math.round((doublerandom*100));         var spanobj = document.getelementbyid("msgid");         var guessobj = document.getelementbyid("guessid");         guessobj.innerhtml=guessesleft;         function guess()         {             var guessednumber = document.getelementbyid("inputid").value;             alert(23);             if(guessednumber==null || guessednumber.trim()==''){                 spanobj.innerhtml="type something, human";                 return;             }             if(isnan(guessednumber)){                 spanobj.innerhtml="that better number, human.";                 return;             }else{                 if(guessednumber>100){                     spanobj.innerhtml="that better number between 0 , 100, human.";                     return;                 }else{                     spanobj.innerhtml="";                 }             }             var accurateanswer = math.round(guessednumber);             var difference = guessednumber-intrandom;             if(difference>45){                 spanobj.innerhtml="that's way high, human";                 return;             }else if(difference<-45){                 spanobj.innerhtml="that's way low, human";             }else if(difference<=45 && difference>0){                 spanobj.innerhtml="that's high, human";             }else if(difference>=-45 && difference<0 ){                 spanobj.innerhtml="that's low, human";             }else{                 spanobj.innerhtml="bingo!! got it!!  refresh play agin.";             }             if(guessesleft<=0){                 spanobj.innerhtml="you have exhausted number of guesses.  try again.  refreshing game....";                 settimeout("location.reload(true)", 3000);             }             guessesleft=guessesleft-1;             guessobj.innerhtml=guessesleft;         }     </script> </html> 

that's because calling twice: once in button's onclick event, , once in form's onsubmit event. delete 1 of them.


Comments

Popular posts from this blog

html5 - What is breaking my page when printing? -

c# - must be a non-abstract type with a public parameterless constructor in redis -

ajax - PHP/JSON Login script (Twitter style) not setting sessions -