Javascript “需要帮助解决问题”；总数；围栏价格计算器按钮

我正在写一个程序来计算建造围栏的成本。围栏可以用链环（$25）或木材（$35）建造，可以增加1-3扇大门（

每扇售价$165）

），并包括

税（
9%
）。
我已经完成了几乎所有的工作，但是现在我的问题是如何将总的
“onclick”
设置为。我现在把它读作“
”'total=“fence\u function（）””
，但我很确定这是错误的。我一辈子也不知道该把
“onchange”
设置为什么。
以下是完整的代码：



正文{背景色：#e8ddcb}
h1{颜色：#093969}
表{边界：#035567}
栅栏价格计算器
var some_variable=“初始字符串信息”；
var some_other_变量=56；
变量长度=0；
var宽度=0；
var门=0；
var合计=0；
var fence_type=“Chainlink”；
var价格=0；
函数(u函数)
{
长度=document.fen2.len.value；
宽度=document.fen3.wid.value；
变量周长=2*长度+2*宽度；
如果（围栏类型=“木制”）
{
价格=35*周长；
}
如果（围栏类型=“链接”）
{
价格=25*周长；
}
价格=165*门+价格；
价格=价格*.09+价格；
disp.value=价格；
}
栅栏价格计算器


长度
篱笆
盖茨
链环
1.
清楚的
宽度
木制的
2.
全部的
3.
要在“disp”文本框中显示总计，您需要更改“总计”按钮的一次单击，以简单地调用函数：

<button onclick="fence_function();">Total</button>

或者您可以在文本框上设置readonly属性。
我认为您使用的是“total=”fence_function（）“”来计算总值并更新文本框中的文本，这是错误的。请参阅有关在onclick事件中调用函数的信息，并检查是否在javascript中动态更改文本框的值。
document.getElementById("disp").innerText = total;