我是否在此html頁面上正確引用了Javascript文件？

Question

我需要頁面輸出結果一旦所有的變量已被選中...

我是新來的代碼和JavaScript所以請不要燒我，因爲我不知道從哪裏開始解決這個問題一。

http://www.storageheaters.com/heat-loss-calculator.htm

Answer 1

「有我所引用的JavaScript文件正確此html頁面上？」

是的，您的JavaScript文件被正確引用。你的css文件雖然不是（打開你的chrome開發工具的網絡選項卡 - 或任何瀏覽器），你會看到http 404響應（未找到）。

但我不知道你的腳本工作 - 以及我不能說更多，因爲我不知道到底是什麼應該做的......

Answer 2

通常腳本存儲在文件Web服務器上和參考包括頭標記像

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

你必須使用該鏈接以獲取更多信息Where should I put <script> tags in HTML markup?

這裏是快速的解決方案（這是不是最好的，但它的工作原理，適合新人）

var theTemps = [18, 21, 16], 
    theWallUValues = [0.45, 0.6, 0.8], 
    theRoofUValues = [0.32, 0.6, 2], 
    theWindowUValues = [1.6, 0.6, 2], 
    theFloorUValues = [3.2, 6.4, 4.7], 
    condition_array = [false, false, false, false, false]; // one for each field 

function result(){ 
    alert('all are selected'); 
} 

function check_if_all_are_full(){ 
    // call result function if all elements in array are true 
    if (condition_array.every(function(element){return element;})){ 
     result(); 
    } 
}; 

function i_am_selected(integer){ 
    // update array and call check if all are selected 
    result[integer] = true; 
    check_if_all_are_full(); 
} 

function setTemp(t) { 
    i_am_selected(0); 
    document.heatloss_calc.house_room_temp.value = theTemps[t]; 
} 

function setHouseWallUValue(u) { 
    i_am_selected(1); 
    document.heatloss_calc.house_wall_u_value.value = theWallUValues[u]; 
} 

function setHouseRoofUValue(u) { 
    i_am_selected(2); 
    document.heatloss_calc.house_roof_u_value.value = theRoofUValues[u]; 
} 

function setHouseWindowUValue(u) { 
    i_am_selected(3); 
    document.heatloss_calc.house_window_u_value.value = theWindowUValues[u]; 
} 

function setHouseFloorUValue(u) { 
    i_am_selected(4); 
    document.heatloss_calc.house_floor_u_value.value = theFloorUValues[u]; 
} 

而且 - 它可以是一個好主意，以默認提交按鈕激活，並使用結果的功能，使之有效（這裏是鏈接http://www.w3schools.com/jsref/prop_submit_disabled.asp）