Question

我想创建一个简单的网站，将里程转换为KM，但它不起作用。为什么呢？

<form>
        <input type="text" name="miles" id="miles">
        <button type="submit" onclick="milesToKm();">CONVERT</button>
    </form>
<p id="result"></p>
<script>
        function milesToKm() {
            var miles = document.getElementById("miles").value;
            var km = miles * 1.60934;
            document.getElementById("result").innerHTML = km;

        }
</script>

Answer 1

您的按钮有type="submit"。按下该按钮会调用脚本的执行，但会立即重新加载页面。删除type="submit"。

例如：http://codepen.io/pitetsky/pen/XNoyEW

Answer 2

你输入type = submit所以点击此页面后重新加载，你的数据因此被破坏，你无法看到更改。这是你的工作代码：

<form>
        <input type="text" name="miles" id="miles">
        <button type="button" onclick="milesToKm()">CONVERT</button>
    </form>
<p  id="result"></p>
<script>
function milesToKm() {
            var miles = document.getElementById("miles").value;
            var km = miles * 1.60934;
            document.getElementById("result").innerHTML = km;

        }
</script>

document.getElementById（“”）。innerHTML不起作用

2 个答案: