数字の計算

8つの数字を入力し、x1-x2、x3-x4、y1-y2、y3-y4を計算し、それぞれを2で割って表示します。
x1:
x2:
x3:
x4:
y1:
y2:
y3:
y4:
このアプリを作ったプロンプト
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>数字の計算</title>
    <script>
      function calculate() {
        // 入力値の取得
        var x1 = Number(document.getElementById("x1").value);
        var x2 = Number(document.getElementById("x2").value);
        var x3 = Number(document.getElementById("x3").value);
        var x4 = Number(document.getElementById("x4").value);
        var y1 = Number(document.getElementById("y1").value);
        var y2 = Number(document.getElementById("y2").value);
        var y3 = Number(document.getElementById("y3").value);
        var y4 = Number(document.getElementById("y4").value);
        
        // 計算
        var x1_x2 = (x1 - x2) / 2;
        var x3_x4 = (x3 - x4) / 2;
        var y1_y2 = (y1 - y2) / 2;
        var y3_y4 = (y3 - y4) / 2;
        
        // 結果の表示
        var result = "";
        if(x1_x2 > 0) {
          result += "左に";
        } else if(x1_x2 < 0) {
          result += "右に";
        } else {
          result += "そのまま";
        }
        result += Math.abs(x1_x2) + "<br>";
        
        if(x3_x4 > 0) {
          result += "左に";
        } else if(x3_x4 < 0) {
          result += "右に";
        } else {
          result += "そのまま";
        }
        result += Math.abs(x3_x4) + "<br>";
        
        if(y1_y2 > 0) {
          result += "下に";
        } else if(y1_y2 < 0) {
          result += "上に";
        } else {
          result += "そのまま";
        }
        result += Math.abs(y1_y2) + "<br>";
        
        if(y3_y4 > 0) {
          result += "下に";
        } else if(y3_y4 < 0) {
          result += "上に";
        } else {
          result += "そのまま";
        }
        result += Math.abs(y3_y4);
        
        // 結果の表示
        document.getElementById("result").innerHTML = result;
      }
    </script>
  </head>
  <body>
    <h1>数字の計算</h1>
    <p>8つの数字を入力し、x1-x2、x3-x4、y1-y2、y3-y4を計算し、それぞれを2で割って表示します。</p>
    <label for="x1">x1:</label>
    <input type="number" id="x1"><br>
    <label for="x2">x2:</label>
    <input type="number" id="x2"><br>
    <label for="x3">x3:</label>
    <input type="number" id="x3"><br>
    <label for="x4">x4:</label>
    <input type="number" id="x4"><br>
    <label for="y1">y1:</label>
    <input type="number" id="y1"><br>
    <label for="y2">y2:</label>
    <input type="number" id="y2"><br>
    <label for="y3">y3:</label>
    <input type="number" id="y3"><br>
    <label for="y4">y4:</label>
    <input type="number" id="y4"><br>
    <button onclick="calculate()">計算する</button>
    <br>
    <div id="result"></div>
  </body>
</html>

（ジョークは含まれていません）