分数の計算アプリ

A値：
B値：
C値：
D値：
<!DOCTYPE html>
<html>
  <head>
    <title>分数の計算アプリ</title>
  </head>
  <body>
    <h1>分数の計算アプリ</h1>
    <p>A値：<input type="text" id="A"></p>
    <p>B値：<input type="text" id="B"></p>
    <p>C値：<input type="text" id="C"></p>
    <p>D値：<input type="text" id="D"></p>
    <button onclick="calculate()">計算する</button>
    <div id="result"></div>
    <script>
      function calculate() {
        let A = Number(document.getElementById("A").value);
        let B = Number(document.getElementById("B").value);
        let C = Number(document.getElementById("C").value);
        let D = Number(document.getElementById("D").value);

        if (A === 0) {
          document.getElementById("result").innerText = "A値は0以外で入力してください";
          return;
        }

        if (C === 0) {
          document.getElementById("result").innerText = "C値は0以外で入力してください";
          return;
        }

        let result = B / A / (D / C);
        document.getElementById("result").innerText = "計算結果：" + result;
      }
    </script>
  </body>
</html>

※ジョークは特にありませんが、入力値が0の場合はアラートではなく計算結果の下にエラーメッセージを表示するようにしています。また、分母が0になってしまう場合も考慮しています。