如何解决在我的计算器中放置和放置下拉按钮的值时出现问题
我是JavaScript的新手。我尝试并进行了大量搜索,以编写包含两个不同用户输入(字段和下拉按钮)的代码。取数字并选择后(在下拉按钮中),这段代码会在我编写代码时计算出特殊的东西。 请帮我,因为我找不到问题?我应该提到我的代码语言是波斯语。
<!DOCTYPE html>
<body>
<form name="form1" onsubmit="event.preventDefault();return displayResult();">
<p style="font-family:calibri">طول اتاق<b></b><input type="decimal" id="assign1" placeholder="متر" value="" name="onlynumbers" required><span class="required">*</span></p>
<p style="font-family:calibri">عرض اتاق<b></b><input type="decimal" id="assign2" placeholder=" متر" value="" name="onlynumbers" required><span class="required">*</span></p>
<p style="font-family:calibri">ارتفاع اتاق <b></b><input type="decimal" id="assign3" placeholder="متر" value="" name="onlynumbers" required><span class="required">*</span></p>
<p style="font-family:calibri">تعداد پنجره ها <b></b><input type="number" id="assign4" value="" name="onlynumbers" required><span class="required">*</span></p>
<p style="font-family:calibri">تعداد درها <b></b><input type="number" id="assign5" value="" name="onlynumbers" required><span class="required">*</span></p>
<select id="Selectpaint">
<option selected disabled>نوع رنگ اکریلیک</option>
<option value="8">رنگ اکریلیک طلایی</option>
<option value="8">رنگ اکریلیک متالیک صدفی</option>
<option value="13">رنگ اکریلیک مات </option>
<option value="14">رنگ اکریلیک نیم براق </option>
<option value="13">رنگ اکریلیک براق</option>
<option value="10">رنگ اکریلیک آستری</option>
<option value="12">مادر رنگ اکریلیک</option>
</select>
<p>
<button> <p style="font-family:calibri"> <font size="5"> محاسبه رنگ موردنیاز </font> </p></button>
<input type="reset" value="↺">
</p>
</form>
<div id="total"></div>
<script>
function displayResult() {
var result = calculator();
document.getElementById('total').innerHTML =" مقدار رنگ موردنیاز برابر با"+ " " + " "+ Math.round(result)+ " " + " " +"لیتر";
return false;
}
const applyFormula = (grade6) => {
return grade6; //Use here your formula
}
const onDropdownChange = (event) => {
document.getElementById('total').innerHTML = applyFormula(event.target.value);
}
document.getElementById('Selectpaint')
.addEventListener('change',onDropdownChange);
function calculator() {
var grade1 = parseFloat(document.getElementById('assign1').value * 1);
var grade2 = parseFloat(document.getElementById('assign2').value * 1);
var grade3 = parseFloat(document.getElementById('assign3').value * 1);
var grade4 = parseFloat(document.getElementById('assign4').value * 1);
var grade5 = parseFloat(document.getElementById('assign5').value * 1);
var grade6 =document.getElementById('ElementId').value;
}
var total = ((2*((grade1 * grade3)+(grade2 * grade3)))+(grade1 * grade2)-(grade4*1.5*1.5)-(grade5*1*2.0))/grade6;
return total;
}
</script>
</body>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。