簡單的JavaScript不工作，在瀏覽器中

-2

<!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; 
}

出於某種原因，這個代碼是行不通的。我試圖通過檢查鉻中的元素來查找錯誤，但沒有出現。任何人都知道爲什麼這不起作用？

來源

2015-12-06 bugsyb

正確拼寫onclick，同時爲所有按鈕添加'type =「按鈕」'，因爲IE會在點擊一個沒有定義爲按鈕類型的按鈕時提交頁面。 – mplungjan

這是我經常使用的一個很好的提示。在'debugger;'中寫入你希望代碼流的地方，例如：在'computeTip10'的主體內。一旦你點擊按鈕，你會看到你的功能沒有被調用，然後你可以推斷出onclick處理程序沒有正確註冊。 –

-4

儘量把劇本了頭的成體的

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

正是身體的結束標記上面的最後一行

來源

2015-12-06 07:13:57 vdj4y

有一個錯字：

onlcick應onclick。

來源

2015-12-06 07:15:32 ThomasR

它說「onlcick」。

而在在window.onload分配它之前，你應該定義computeTip10（）

來源

2015-12-06 07:16:38 dubafek

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

來源

2015-12-06 07:20:01 yjs

請添加一些文字與答案，解釋如何這個答案幫助OP或其他來解決當前problem.Thanks –

你在你的聽衆

的document.getElementById（「tenPercent」）有一個錯字。的onClick（）

來源

2015-12-06 07:20:18 aurelius

簡單的JavaScript不工作，在瀏覽器中

回答

相關問題