能源計算器（HTML5和Javascript，jQuery的NO！）

Question

我wan't作出能量/卡路里計算器，但不能得到它的工作：

 <form name="EnergieForm"> 
    Kies een activiteit <br /> 
    <br> 
    <SELECT NAME="Activiteit" id="Activiteit"> 
    <OPTION value="11" id="Fietsen">Fietsen (11 kcal per minuut)</OPTION> 
    <OPTION value="9" id="Joggen">Joggen (9 kcal per minuut)</OPTION> 
    <OPTION value="10" id="Voetballen">Voetballen (10 kcal per minuut)</OPTION> 
    <OPTION value="3" id="Tv-workout">Tv-workout zoals yoga of stretchen (3 kcal per minuut)</OPTION> 
    <OPTION value="7" id="Paardrijden">Paardrijden (7 kcal per minuut)</OPTION> 
    </SELECT><br /> 
    Hoeveel minuten heeft u deze activiteit gedaan?<br /> 
    <input type="text" name="Aantalminuten" size="20"><br /> 
    <input type="button" value="Bereken de calorieën" onClick="berekeningEnergie()"> <input type="reset" value="Reset" /><br /> 
    <br> 
    Aantal verbrande calorieën: <input type="text" name="betekenis" size="20"><br /> 
</form> 

這是我的形式，這裏是我的JS：

function berekeningEnergie() { 

if (document.getElementById('Fietsen').value == "11") { 
document.EnergieForm.betekenis.value = 11*document.EnergieForm.Aantalminuten.value; 
} 

else if (document.getElementById('Joggen').value == "9") { 
document.EnergieForm.betekenis.value = 9*document.EnergieForm.Aantalminuten.value; 
} 

else if (document.getElementById('Voetballen').value == "10") { 
document.EnergieForm.betekenis.value = 10*document.EnergieForm.Aantalminuten.value; 
} 

else if (document.getElementById('Tv-workout').value == "3") { 
document.EnergieForm.betekenis.value = 3*document.EnergieForm.Aantalminuten.value; 
} 

else if (document.getElementById('Paardrijden').value == "7") { 
document.EnergieForm.betekenis.value = 7*document.EnergieForm.Aantalminuten.value; 
} 

我知道JS是不完整的，但我不能得到它的工作。 你能幫我嗎？

Answer 1

有很多事情你的代碼錯誤：

1）您onclick屬性有GetInventory()和你的功能被命名爲berekeningEnergie。我想你的意思是onclick="berekeningEnergie()"。

2）你需要檢查哪些option是看你select標籤，以確定選擇哪個項目的selectedIndex屬性選擇，現在你正在檢查各個選項，這沒有任何意義。

3）我會建議添加一個id="EnergieForm"到您的表格標籤，並使用getElementById來選擇它。你引用它的方式有點陳舊。這是一個最佳實踐/習慣問題，不一定是功能問題。