Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
计算器中的Javascript乘法问题_Javascript_Html - Fatal编程技术网

计算器中的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;
    }
}