Question

在我的整个页面上运行单独的脚本。我的第一个脚本正在运行，但是我的第二个脚本却不会填充。

第一：

<input id="barbwire" class="input-pricing" type="number" 
    oninput="barbwirePricing()">Length
<span id="barbwireMetal"></span>

<script>
    function barbwirePricing() {
        var length = document.getElementById("barbwire").value;
        var metal = (((lenght / 100) + 9) * 8 * 1.5) * 1.1;

    document.getElementById("barbwireMetal").innerHTML = "2 3/8 Drill Pipe: $" 
        + metal.toFixed(2);
    }
</script>

但是当我以后尝试使用类似的格式时，它不会在输入时填充。

<input id="privacy" class="input-pricing" type="number" 
    oninput="privacyPricing()">Length
<span id="privacyMetal"></span>

<script>
    function privacyPricing() {
        var length = document.getElementById("privacy").value;
        var metal = ((length / 8) + 2) * 8 * 1.5 * 1.1;

    document.getElementById("privacyMetal").innerHTML = "2 3/8 Drill Pipe: $" 
        + metal.toFixed(2);
    }
</script>

Answer 1

实际上您看到的结果是后者，前者显示不正确。

您的第一个脚本中有一个错字。

var metal = (((lenght / 100) + 9) * 8 * 1.5) * 1.1;

此处，lenght未定义。

使用Console进行调试会很有帮助。

希望这能使您过得愉快。

在html文件中使用两个单独的脚本时出现问题

1 个答案: