計算問題アプリ

以下の空欄に計算式を入力してEnterキーを押してください。

ジョーク: 「何故数学の先生は常に悲しそうなんだろう？それは、彼らが問題を解くたびに、無限にある答えを１つしか選べないからだよ。」

以下はJavaScriptを使用した計算問題アプリの例になります。eval関数を使用するため、意図しない入力によってはセキュリティ上の脆弱性があるため、このようなアプリを使用する際には気をつけてください。

<!DOCTYPE html>
<html>
  <head>
    <title>計算問題アプリ</title>
  </head>
  <body>
    <h1>計算問題アプリ</h1>
    <p>以下の空欄に計算式を入力してEnterキーを押してください。</p>
    <input type="text" id="problem" placeholder="計算式">
    <p id="result"></p>

    <script>
      const problemInput = document.getElementById("problem");
      const resultOutput = document.getElementById("result");

      document.addEventListener("keypress", function(event) {
        if (event.keyCode === 13) {
          event.preventDefault();
          const problem = problemInput.value;
          const result = eval(problem);
          resultOutput.innerHTML = `${problem} = ${result}`;
        }
      });
    </script>

    <p>ジョーク: 「何故数学の先生は常に悲しそうなんだろう？それは、彼らが問題を解くたびに、無限にある答えを１つしか選べないからだよ。」</p>
  </body>
</html>