Javascript 创建绘制计算器时出现问题

Javascript 创建绘制计算器时出现问题,javascript,html,radio-button,Javascript,Html,Radio Button,嘿,伙计们,这里完全是初学者。我正在尝试用HTML和Java创建一个绘画计算器。我相当肯定这一切都是错的,所以我提前对此表示歉意。我不知道为什么,目前什么都不管用,但这可能是一个简单的解决方案,也可能是我试图编码的方式存在的更深层次的问题 基本上,我试图将墙长和墙高相乘,得到Wallerea,将其添加到用户选择的油漆类型中,如果用户选择了,则添加一层底漆。然后我希望结果显示在所有其他输入框下 ` 计算你的墙的面积! 输入墙的长度和高度。 墙的高度(必须在2到6米之间)。 墙的长度(墙必须在1

嘿,伙计们,这里完全是初学者。我正在尝试用HTML和Java创建一个绘画计算器。我相当肯定这一切都是错的,所以我提前对此表示歉意。我不知道为什么,目前什么都不管用,但这可能是一个简单的解决方案,也可能是我试图编码的方式存在的更深层次的问题

基本上,我试图将墙长和墙高相乘,得到Wallerea,将其添加到用户选择的油漆类型中,如果用户选择了,则添加一层底漆。然后我希望结果显示在所有其他输入框下

`


计算你的墙的面积!
输入墙的长度和高度。

墙的高度
(必须在2到6米之间)。

墙的长度
(墙必须在1到25米之间)。

墙的数量。 油漆类型

豪华品质(每平方米1.75英镑)
标准质量(£;每平方米1.00)
经济质量(每平方米0.45英镑)
你想要一个卧底吗
底涂层(每平方米额外加0.50)

`

很抱歉,我不知道如何添加Javascript代码而不使其格式出错,但是Javascript在fiddle链接中,对此我很抱歉

我很感激你给我的任何帮助。 谢谢


编辑:在fiddle中添加了JS。

这里有一些问题,最大的问题是您从未在任何地方调用calculateWalls paintType或underCoat函数,这意味着其中的代码从未运行过

此外,没有ID为paintResult的html对象,因此此行 var paintResult=document.getElementById(“paintResult”); 永远都不会表现正常,就像这句话一样 var undercatresult=document.getElementById(“undercat”);应替换为使用undercoat变量,该变量需要在要使用的undercoat函数之外定义。 最后 var wallResult=document.getElementById(“wallResult”)

应该是 var wallResult=document.getElementById(“wallResult”).value


希望这些更改足以让您走上正确的轨道。

唯一调用的函数是
calculateTotal()
,并且
calculateTotal()
中的变量没有设置,因此它总是会失败

我希望看到类似的情况,只是警告这是更多的psuedo代码,语法可能不正确:

<input type="text" id="wallHeight" value="Height of walls" onchange="calculateWalls()">

嗨,威尔,你的小提琴似乎没有包含任何javascript代码,你能编辑它吗?@Ben抱歉,我可以发誓我添加了JS,但现在它就在那里了。或此处:。
<input type="text" id="wallHeight" value="Height of walls" onchange="calculateWalls()">
if(wallHeight > 0 && wallLength > 0){
    //DO WALL CALCULATION

    //PASS RESULT TO CACLULATETOTAL
    calculateTotal(wallResult);
}