I am beginner in JavaScript and I am trying to write a code as below. I want to take 6 different numbers which user writes in fields. Then with this numbers calculate sth. One of these numbers can change the process of calculating with if statement. Then I want to show the result to user.
I don't why my code doesn't work. Is it possible to help me?
<!DOCTYPE html>
<html>
<body>
<form name="form1" onsubmit="event.preventDefault();return displayResult();">
<p>توجه. مقدار رنگ محاسبه شده در این سیستم برای پایده سازی یک لایه رنگ است</p><br>
<p>لطفا طول، عرض و ارتفاع اتاق را به سانتی متر وارد کنید</p>
<p><b>طول اتاق: </b><input type="number" id="assign1" size=10 value="" name="onlynumbers" required><span class="required">*</span></p>
<p><b>عرض اتاق: </b><input type="number" id="assign2" size=10 value="" name="onlynumbers" required><span class="required">*</span></p>
<p><b>ارتفاع اتاق: </b><input type="number" id="assign3" size=10 value="" name="onlynumbers" required><span class="required">*</span></p><br>
<p>لطفا تعداد در و پنجره های موجود در اتاق را وارد کنید. در صورت عدم وجود در یا پنجره عدد صفر را وارد کنید </p>
<p><b>تعداد پنجره ها: </b><input type="number" id="assign4" size=10 value="" name="onlynumbers" required><span class="required">*</span></p>
<p><b>تعداد درها: </b><input type="number" id="midterm" size=10 value="" name="onlynumbers" required><span class="required">*</span></p><br>
<p>لطفا رنگ مورد نظر خود را انتخاب کنید</p>
<p><b>نوع رنگ: </b><input type="number" id="final" size=10 value="" name="onlynumbers" required><span class="required">*</span></p><br>
<p>
<button> محاسبه رنگ موردنیاز</button>
<input type="reset" value="محاسبه جدید">
</p>
</form>
<div id="total"></div>
<script>
function myPaint() {
var grade7 = parseFloat(document.getElementById('final').value * 1);
var paint;
if (grade7 == 1) {
paint == 13;
} else if (grade7 == 2) {
paint == 7 ;
} else {
paint == 5;
}
document.getElementById("total").innerHTML = paint;
}
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('midterm').value * 1);
var total = ((2*((grade1 * grade3)+(grade2 * grade3)))+(grade1 * grade2)-(grade4*150*150)-(grade5*90*200))/paint ;
return total;
}
function displayResult() {
var result = calculator();
document.getElementById('total').innerHTML = result;
return false;
}
</script>
</body>
</html>
Aucun commentaire:
Enregistrer un commentaire