Javascript .innerhtml未将内容放置在“中”；分区；

我有下面的函数，它应该为名为“totalPrice”和“premPrice”的div生成一个结果，但是.innerhtml似乎出于某种原因没有将数字放在div中？你能不能看看这段代码，告诉我为什么它没有输入html的可能原因？因为我对web语言比较新，所以您必须调用该函数吗？或者当我简单地定义它是被调用的函数时

html:

---

在编写函数之后，您需要在某个地方调用它。在函数的结束括号之后，尝试如下调用它：

function calculateTotal()
{

    var boilerPrice = getBoilerSizePrice() + getBedroomSizePrice() + getBathroomSizePrice()  + getTankSizePrice() ;

    //display the result
    var divobj = document.getElementById('totalPrice');
    divobj.style.display='block';
    divobj.innerHTML = "Your New Boiler Install Price is £"+boilerPrice;

    var divobj = document.getElementById('premPrice');
    divobj.style.display='block';
    divobj.innerHTML = "Premium price £"+((boilerPrice/100)*120);

}

calculateTotal();

编辑：根据您在单击时调用函数的更新意图，我注意到它被认为是内联调用JavaScript函数，在某些情况下可能会给您带来问题。另一种方法是将click事件附加到JavaScript代码中的目标元素。下面是一个使用您的代码的示例

基本上，我从按钮中删除了

onclick=“calculateTotal（）”

，并给它一个ID：

<input id="calc-button" type="button" name="tank" value="Yes" />

---

你必须调用这个函数。如果在加载页面时自动调用每个已定义的函数，则会出现问题…您必须调用类似calculateTotal（）的函数。代码似乎很好：控制台会说什么？感谢您的回答，我已经更新了上面的HTML，以反映如何在单击时调用calculateTotal（）。这是正确的做法吗？是的，看起来不错。如果它仍然不起作用，如果您将所有代码复制到中以演示问题，可能会有所帮助。我更新了我的答案，以包含一些关于附加事件和的建议。

function calculateTotal()
{

    var boilerPrice = getBoilerSizePrice() + getBedroomSizePrice() + getBathroomSizePrice()  + getTankSizePrice() ;

    //display the result
    var divobj = document.getElementById('totalPrice');
    divobj.style.display='block';
    divobj.innerHTML = "Your New Boiler Install Price is £"+boilerPrice;

    var divobj = document.getElementById('premPrice');
    divobj.style.display='block';
    divobj.innerHTML = "Premium price £"+((boilerPrice/100)*120);

}

calculateTotal();

<input id="calc-button" type="button" name="tank" value="Yes" />

document.getElementById("calc-button").addEventListener("click", calculateTotal);