Question

一旦选择了所有变量，我需要页面输出结果......

我是代码和javascript的新手所以请不要烧烤我，因为我不知道从哪里开始解决这个问题。

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

Answer 1

＆＃34;我是否在此html页面上正确引用了Javascript文件？＆＃34;

是的，您的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）

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

2 个答案: