我的 HTML 和 javascript 代码有什么问题？

Question

我想实现一个简单的测量收敛程序，但转换按钮并没有真正起作用，它甚至没有改变答案框的值。 我现在该怎么办？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Measurement Conversion</title>
</head>
<body>

<h1 align="center">
    Measurement Conversion
</h1>

  <div align="center"><center><table border="0">
    <tr>
      <input type="text" name="what" size="15">
    </tr>
    <tr>
      <td align="center">From:<br>
      <select name="unit" size="9" onChange="convert()">
        <option name="meter">meter</option>
        <option name="mile">mile</option>
        <option name="yard">yard</option>
      </select></td>
    </tr>
    <tr>
      <input type="button" onclick="convert()">Convert it now!</button></td>
    </tr>
    <tr>
      <input type="text" name="answer" title="answer" size="70" value="None"></td>
    </tr>
  </table>
  </center></div>

<script>
function convert() {
    // var FromVal, ToVal, FromName, ToName, v1;

    v1 = document.getElementByName("what").value;
    document.getElementByName("answer").value = v1;

    var unit = document.getElementByName("unit").name;


    if (unit == "yard") {
        var meter = "meter= " + 0.9144*document.getElementByName("what").value;
        var mile = "mile = " + 0.000568181818*document.getElementByName("what").value;
        document.getElementById("answer").value = meter + mile;
    }

    if (unit == "meter") {
        var yard = "yard = " + 1.0936133*document.getElementByName("what").value;
        var mile = "mile = " + 0.000621371192*document.getElementByName("what").value;
        // var meter = "m = " + 0.9144*document.getElementByName("what").value

        document.getElementById("answer").value = yard + mile;
    }

    if (unit == "mile") {
        var meter = "meter = " + 1609.344*document.getElementByName("what").value
        var yard = "yard = " + 1760*document.getElementByName("what").value

        document.getElementById("answer").value = meter + yard;
    }

}
</script>

</body>
</html>

我的convert()函数似乎有问题。

Answer 1

首先使用最基本的故障排除方法，然后来到这里并提出具体问题以帮助您解决问题如何。 添加alert("button Clicked"); 到函数的第一行，看看是否收到警报。 如果这样做，请将警报移至变量语句之后并将其更改为alert("what = " + what + ", "answer = " + answer + ", unit = " + unit);并确保您得到什么你期望你的变量赋值。继续这样，当你遇到一个你似乎无法解决的特定问题时，回来。

Answer 2

没有 getElementByName。 在您的输入上添加属性 id，然后改用 getElementById。

我的 HTML 和 javascript 代码有什么问题？

问题描述

2 个解决方案

解决方案1
2 已采纳 2016-09-14 01:17:00

解决方案2
1 2016-09-14 01:08:11

我的 HTML 和 javascript 代码有什么问题？

问题描述

2 个解决方案

解决方案1 2 已采纳 2016-09-14 01:17:00

解决方案2 1 2016-09-14 01:08:11

解决方案1
2 已采纳 2016-09-14 01:17:00

解决方案2
1 2016-09-14 01:08:11