調用函數裏面的一個函數的代碼

Question

<table> 
    <td><input type="text" name="estimatedMilesPerYear"/></td> 
    <td id="demo"></td> 
</table> 

<script> 
function myfunction() 
{ 
    var estMilesPerYear=document.getElementByName("estimatedMilesPerYear")[0].value; 
    return estMilesPerYear*12; 
} 
document.getElementById("demo").innerHTML=myFunction(); 
</script> 

<button onclick="myFunction()">Compute</button> 

這是我的代碼。我需要我的瀏覽器從用戶提供的輸入中檢索值，並在表格的第二列中顯示計算結果。 代碼有問題嗎？

Answer 1

你有document.getElementByName錯字，應該是getElementsByName

var estMilesPerYear = document.getElementByName("estimatedMilesPerYear")[0].value; 

應該

var estMilesPerYear = document.getElementsByName("estimatedMilesPerYear")[0].value; 

和更新的innerHTML函數本身內部，它獲取更新，每當函數調用

function myfunction(){ 
    var estMilesPerYear=document.getElementsByName("estimatedMilesPerYear")[0].value; 
    document.getElementById("demo").innerHTML = estMilesPerYear*12; 
} 

還有一件事，你有再次是錯誤的調用函數，看看

<button onclick="myFunction()">Compute</button> 

這裏的函數名有資本F在myFunction，而你已經在你的函數定義寫「F」。所以對它進行更改

function myFunction() 

JS Fiddle Demo

Answer 2

你的代碼實際設置你的第二個欄的HTML是不是得到由按鈕調用的函數內。試試這個：

function myfunction() 
{ 
    var estMilesPerYear=document.getElementsByName("estimatedMilesPerYear")[0].value; 
    document.getElementById("demo").innerHTML = estMilesPerYear*12; 
} 

我也會推薦一些錯誤檢查，以確保用戶的輸入不爲空（也許認爲這是0，如果是空的，或者顯示錯誤？）。

順便說一句，你<script>標籤應該進入head標籤（甚至更好，在head標籤引用一個單獨的js文件），而不是在你的HTML代碼中間被任意粘貼。

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.