落書きノート

ふと自分が気になった事を書いてます

JavaScript 繰り返し文を使ったelearning風味のウェブアプリ

先ほどとあまり大差ないのですが、一応投稿。

<html>
<head>
  <meta http-equiv="content-type" content="text/html;charset=UTF-8">
  <title>得点記録-for文</title>
</head>
<body>
  <h1>足し算練習 -得点記録-</h1>
  <form name="ADD">
    <input type="text" name="A"> +
    <input type="text" name="B"> =
    <input type="text" name="C">
    <input type="button" value="発生・実行" onclick="execute();">
  </form>
  <script>
  var seikaisu = 0;
  var mondaisu = 0;

  function execute(){
    for(var i = 0; i < 3; i++){
      document.ADD.C.value = "";

      var a = Math.floor(Math.random() * 10 + 1);
      var b = Math.floor(Math.random() * 10 + 1);

      document.ADD.A.value = a;
      document.ADD.B.value = b;

      var answer = prompt("答え");

      if(answer == a + b){
        seikaisu++;
        mondaisu++;
        alert("正解です。正解数 : " + seikaisu + "/ 問題数 : " + mondaisu);
      }else{
        mondaisu++;
        alert("間違いです。正解数 : " + seikaisu + "/ 問題数 : " + mondaisu);
      }

      document.ADD.C.value = a + b;
    }
  }
  </script>
</body>
</html>

20160215220241