Что не так с моим кодом в этом расчете
Я пытаюсь сделать несколько вычислений за один раз, но это не работает
могу я узнать, что случилось?
Что я уже пробовал:
<!DOCTYPE html>
<html lang="en">
<head>
<img src="lempeng2.jpg" alt="lempeng" style="width:700px;height:100px;">
<meta charset="UTF-8">
<title>prehot1</title>
<style type="text/css">
ul {width: 5000px; margin: 100px auto; overflow: hidden;}
/*代码开始*/
li {
/* 这些都不重要 */
float: left;width: 200px;background: #FFFFFF;height: 350px;margin-right: 10px;
/* 重点 */
text-align: center;
}
/* 重点 */ display: inline-block使P的宽度根据文字的宽度伸缩
p {
display: inline-block;
text-align: left;
}
</style>
<script>
getPrice = function() {
var numVal2 = Number(document.getElementById("q1").value) ;
var totalValue = 6.99* numVal2
document.getElementById("demo").value =totalValue.toFixed();
var numVal3 = Number(document.getElementById("q2").value) ;
var totalValue = 2.55* numVal3
document.getElementById("nani").value =totalValue.toFixed();
}
</script>
</head>
<body>
<div style="text-align:center"> <h2>Your Order </h2>
<p>Customer ID: <input type="text" name="id" required /> Customer Phone: <input type="text" name="phone" required /></p>
</div>
<ul>
<li><p> Order item</p><p>Lempang pisang : </p><p>Lempang kelapa keju:</p><p>Lempang sardin:</p><p>Lempang sayur:</p></li>
<li><p> Price(RM) </p> <p><input type="number" disabled="disabled" value="6.99"> </p><p><input type="number" disabled="disabled" value="2.55"> </p><p><input type="number" disabled="disabled" value="5.55"></p><p><input type="number" disabled="disabled" value="2.99"> </p></li>
<li><p>Quantity required </p> <p><input type="number" id="q1" required </p><p><input type="number" name="q2" required </p> <p><input type="number" name="q3" required </p><p><input type="number" name="q4" required </p><p>Total Price Point :</p><p>Discount :</p><p><h4>AFTER DISCOUNT(RM):</h4></p></li>
<li><p>Total Price</p> <p><input type="number" id="demo" required </p> <p><input type="number" name="nani" required </p> <p><input type="number" name="nano" required </p><p><input type="number" name="nana" required </p><p><input type="number" name="name" required </p><p><input type="number" name="name" required </p><p><input type="number" name="name" required </p></li>
<li><p>Point</p> <p><input type="number" name="name" required </p> <p><input type="number" name="name" required </p> <p><input type="number" name="name" required </p> <p><input type="number" name="name" required </p> <p><input type="number" name="name" required </p></li>
</ul>
<button onclick="getPrice() ">Process</button>
<button type="Reset" onclick="return myFunction()">Reset</button>
</body>
</html>
Richard MacCutchan
Что значит "не работает" означает?
steph99999
Расчеты не вызывают
Patrice T
Уточните: "это не работает"
То, что не соответствует вашим ожиданиям.
steph99999
Расчеты не дают ответа на этот вопрос
Patrice T
Воспользуйся Улучшить вопрос чтобы обновить ваш вопрос.
Чтобы каждый мог обратить внимание на эту информацию.
Richard MacCutchan
Что это значит? Мы понятия не имеем, какой ответ вы ожидаете увидеть и какой ответ вы видите. Пожалуйста, не пытайтесь написать максимально короткий комментарий, но предоставьте его полный подробности происходящего.
Richard MacCutchan
Это происходит потому, что ряд ваших текстовых полей не имеют действительного значения. id атрибут.