计算器中的Javascript乘法问题
将“面积”值乘以三个单独的固定值(油漆类型:高级/豪华/普通)中的一个,以计算总面积。 下拉选项中有三个值可供选择,但计算器函数始终加载最后一个值作为乘数 计算器只能使用一个固定值计算器中的Javascript乘法问题,javascript,html,Javascript,Html,将“面积”值乘以三个单独的固定值(油漆类型:高级/豪华/普通)中的一个,以计算总面积。 下拉选项中有三个值可供选择,但计算器函数始终加载最后一个值作为乘数 计算器只能使用一个固定值 window.onload=function(){ 函数findID(id){//函数,使“getElementById”更易于维护; 返回文档.getElementById(id); } 变量计算器={ multOne:findID('mult-one'), multTwo:findID('mult-two'),
window.onload=function(){
函数findID(id){//函数,使“getElementById”更易于维护;
返回文档.getElementById(id);
}
变量计算器={
multOne:findID('mult-one'),
multTwo:findID('mult-two'),
multThree:findID('mult-three'),
multFour:findID('mult-four'),
产品:findID(“产品”),
计算:findID('calculate'),
清除:findID(‘清除’)
};
//按钮的Onclick事件
calculator.clear.onclick=函数(){
calculator.multOne.value='';
calculator.multTwo.value='';
calculator.multThree.value='';
calculator.multFour.value='';
calculator.product.value='请刷新浏览器';
console.log(结果=0);
}
calculator.calculate.onclick=函数(){
var结果=calculator.multOne.value*calculator.multTwo.value;
控制台日志(结果);
如果(isNaN(结果)){
calculator.product.value='无效-请重试!!'
}
否则{
calculator.product.value=结果;
}
}
calculator.calculate.onclick=函数(){
var结果=calculator.multOne.value*calculator.multThree.value;
控制台日志(结果);
如果(isNaN(结果)){
calculator.product.value='无效-请重试!!'
}
否则{
calculator.product.value=结果;
}
}
calculator.calculate.onclick=函数(){
var结果=calculator.multOne.value*calculator.multFour.value;
控制台日志(结果);
如果(isNaN(结果)){
calculator.product.value='无效-请重试!!'
}
否则{
calculator.product.value=结果;
}
}
}
油漆类型
奢侈
保险费
有规律的
绘画区域
平方英尺。
计算我的绘画费用
清楚的
您的总支出
您不应该有多个
calculator.calculate.onclick = function() {}
您必须只有一个,从中获取所选的
,然后进行计算
您的
可能有一个id,您稍后将使用该id获取所选选项值:
<select id="typesID" name="types" style="width:120px">
<option id="mult-two" value="30">Luxury</option>
<option id="mult-three" value="20">Premium</option>
<option id="mult-four" value="10">Regular</option>
</select>
不客气。如果您认为这是您的解决方案,请不要忘记验证答案;-)
calculator.calculate.onclick = function() {
var e = document.getElementById("typesID");
var selectedValue = e.options[e.selectedIndex].value;
var result = calculator.multOne.value * selectedValue;
console.log(result);
if(isNaN(result)) {
calculator.product.value = 'Not Valid - Try Again!!'
}
else {
calculator.product.value = result;
}
}