javascript - 为什么这个 javascript 在 chrome 中不起作用，而在 ie 中却可以？

Question

这是一个非常简单的计算脚本，我不知道为什么它在chrome中不起作用。我很困惑。在这里和网上搜索了几天都没有成功。我被困住了。

Isyerindeki Çalisan Sayisi: <input type="text" name="n"> <button onclick="myFunction()">Hesapla</button>
<p id="sonucat"></p>
<p id="sonuct"></p>
<p id="sonucct"></p>
<script>
    function myFunction() {
        var a = Number(n.value);
        var at = 4
        var t = 6
        var ct = 8
        var sat = a * at;
        var st = a * t;
        var sct = a * ct;

        if (a <= 9) { 
            var sat = 25; 
            document.getElementById("sonucat").innerHTML = "AZ TEHLIKELI isyerlerinde yilda en az " + sat + ",";
            document.getElementById("sonuct").innerHTML = "TEHLIKELI isyerlerinde ayda en az " + st + ",";
            document.getElementById("sonucct").innerHTML = "ÇOK TEHLIKELI isyerlerinde ayda en az " + sct + " dakika isyeri hekimi çalistirmakla yükümlüsünüz.";
        }
        else {
            document.getElementById("sonucat").innerHTML = "AZ TEHLIKELI isyerlerinde ayda en az " + sat + ",";
            document.getElementById("sonuct").innerHTML = "TEHLIKELI isyerlerinde ayda en az " + st + ",";
            document.getElementById("sonucct").innerHTML = "ÇOK TEHLIKELI isyerlerinde ayda en az " + sct + " dakika isyeri hekimi çalistirmakla yükümlüsünüz.";
        }
    }
</script>

Answer 1

这是因为 IE 会根据元素 name 创建变量，而 Chrome 则不会，因此您的 n.value 对其没有任何意义。

因此您需要选择它，例如添加 id="a" 然后使用 document.getElementById("a")

你的onclick也是错误的，myFunction()会在读取DOM而不是点击时调用该函数，应该是myFunction 。在绑定(bind)方面最好远离属性。

function myFunction() {
    var a = Number(document.getElementyId("myId").value);
    var at = 4
    var t = 6
    var ct = 8
    var sat = a * at;
    var st = a * t;
    var sct = a * ct;

    if (a <= 9) { 
    var sat = 25; 
        document.getElementById("sonucat").innerHTML = "AZ TEHLİKELİ işyerlerinde yılda en az " + sat + ",";
        document.getElementById("sonuct").innerHTML = "TEHLİKELİ işyerlerinde ayda en az " + st + ",";
        document.getElementById("sonucct").innerHTML = "ÇOK TEHLİKELİ işyerlerinde ayda en az " + sct + " dakika işyeri hekimi çalıştırmakla yükümlüsünüz.";
    }
    else {
        document.getElementById("sonucat").innerHTML = "AZ TEHLİKELİ işyerlerinde ayda en az " + sat + ",";
        document.getElementById("sonuct").innerHTML = "TEHLİKELİ işyerlerinde ayda en az " + st + ",";
        document.getElementById("sonucct").innerHTML = "ÇOK TEHLİKELİ işyerlerinde ayda en az " + sct + " dakika işyeri hekimi çalıştırmakla yükümlüsünüz.";
    }
}