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