JS编写10以内的加法

javascriptfunctionhtml

解决方案 »

  1.   

    <html>
    <body onLoad="getQuestion()">
    <form name="myForm" method="post" action="">
      
      <input type="text" id='n1' name="n1"  disabled="disabled"> <!--禁用输入元素-->
      +  <input type="text" id='n2' name="n2" disabled="disabled">  =  
      <input type="text" name="tresult" id="result"> 
        <input type="submit" name="Submit" value="确定" onClick="judge();return false;">
    </form>
    </body>
    </html>
    <script>
    var number1=0;
    var number2=0;
    var n=0;
    var total=0;
      var a=document.getElementById('n1');
      var b=document.getElementById('n2');
      var c=document.getElementById('result');
    function getQuestion(){
    a.value=parseInt(Math.random()*10);
    b.value=parseInt(Math.random()*10);
    }
    function  judge(){
      if(!c.value){return alert('请输入答案');}
      var _=parseInt(a.value)+parseInt(b.value);
      var r=_==c.value;
     if(r) n++;
      total++;
      if(r)
        alert('回答正确，正确率是'+(n/total*100)+'%');
      else 
        alert('答错误，正确答案是：'+_);
      getQuestion();
    }
      getQuestion();
    </script>