落書きノート

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

JavaScript elearning風味のウェブアプリ

もう少しで終わる…とダッシュでやってましたが、ボリュームが結構ありました。

今回、evalを使った練習をしています。色々と評判の悪いメソッドのようですが。

<html>
<head>
  <meta http-equiv="content-type" content="text/html;charset=UTF-8">
  <title>足し算elearning</title>
  <script>
  function execute(){
    document.ADD.A.value = Math.floor(Math.random() * 10 + 1);
    document.ADD.B.value = Math.floor(Math.random() * 10 + 1);

    var a = eval(document.ADD.A.value);
    var b = eval(document.ADD.B.value);

    var answer = prompt("答え");
    var c = eval(answer);

    if(c == a + b){
      alert("正解です。");
    }else {
      alert("間違いです。");
    }

    document.ADD.C.value = a + b;
  }
  </script>
</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>
</body>
</html>

20160215220115