Question

这是HTML代码

 <!DOCTYPE html>
  <html>
  <head>
  <script src = "test.js" type = "text/javascript"></script>
  <title>Javascript example</title></head>
    <body>
    <h1> Tip Calculator </h1>
    <div>
        $ <input id = "subtotal" type = "text" size = "5" /> subtotal <br />
        <button id = "tenpercent"> 10% </button>
        <button id = "fifteenpercent"> 15% </button>
        <button id = "eighteenpercent"> 18% </button>
        <span id = "total"></span>
    </div>
    </body>
  </html>

这是Javascript代码

window.onload = function(){
    document.getElementById("tenpercent").onlcick = computeTip10;
};

function computeTip10(){
    var subtotal = parseFloat(document.getElementById("subtotal").value);
    var tipAmount = subtotal*10/100.0;
    document.getElementById("total").innerHTML = "Tip: $" + tipAmount;
}

由于某种原因，此代码无效。我试图通过检查chrome中的元素来查找错误，但没有出现任何内容。任何人都知道为什么这不起作用？

Answer 1

有一个错字：

onlcick 应 onclick 。

Answer 2

它说＆＃34; onlcick＆＃34;。

你应该在window.onload

中分配之前定义computeTip10（）

Answer 3

window.onload = function(){
document.getElementById("tenpercent").onclick = computeTip10;};

Answer 4

你的听众有错字

的document.getElementById（ “tenPercent”）。的onClick（）

Answer 5

尝试将脚本从头部放入身体的最后一行

   <script src = "test.js" type = "text/javascript"></script>
</body>

正好在身体的结束标记

之上

简单的Javascript无法正常工作，浏览器中没有错误

5 个答案: