为什么我的 HTML 和 JavaScript 不能在我的 iPad 上运行，但在我的 PC 上工作？

Question

我编写了关于获取二次公式根的代码。该代码似乎在 PC 上运行良好，但在我的 ipad1 上不起作用。我已经搜索了很多来解决这个问题，但我无法得到答案。我想我不能靠自己解决这个问题。

我在ipad上使用Safari。我检查了ios的更新，它是最新的。下面的代码都在正文标签中。

在我的 Ipad 中，结果没有出现。我在代码中省略了一些结束标签，但我的原始文件中都有结束标签。

function solve_qua() {
  var a = Number(document.getElementById("qua_a").value);
  var b = Number(document.getElementById("qua_b").value);
  var c = Number(document.getElementById("qua_c").value);
  var D = b * b - 4 * a * c;
  var root;
  if (D == 0) {
    root = (-1) * b / (2 * a);
    var sroot;
    var sroot = "x = " + root;
    document.getElementById("qua_answer").innerHTML = sroot;
  } else if (D < 0) {
    var s = -D;
    var coe1 = (-b) / (2 * a);
    var coe2 = (s ** 0.5) / (2 * a);
    var sroot1 = coe1 + " - " + coe2 + "i";
    var sroot2 = coe1 + " + " + coe2 + "i";
    var sroot = "x = " + sroot1 + "n" + "or" + "n" + "x = " + sroot2;
    document.getElementById("qua_answer").innerHTML = sroot;
  } else {
    var root1 = ((-b) - D ** 0.5) / (2 * a);
    var root2 = (-b + D ** 0.5) / (2 * a);
    var sroot = "x = " + root1 + "n" + "or" + "n" + "x = " + root2;
    document.getElementById("qua_answer").innerHTML = sroot;
  }
}

<div class="w3-row">
  <div class="w3-twothird w3-container">
    <ul>
      <li>
        <label for="qua_a">a =</label>
        <input type="text" id="qua_a">
      </li>
      <br>
      <li>
        <label for "qua_b">b =</label>
        <input type="text" id="qua_b">
      </li>
      <br>
      <li>
        <label for "qua_c">c =</label>
        <input type="text" id="qua_c">
      </li>
      <p><button onclick="solve_qua()">calculate</button></p>
      <p id="qua_answer"></p>
    </ul>
  </div>
</div>

Answer 1

也许这些字符在 Apple 设备上不受支持。这就是我能建议的。