Tôi có một số vấn đề với việc tính toán một số nội dung với JS và nhận các giá trị đúng trong số các trường nhập (số). Khi tôi sử dụng mã này, nó không hiển thị bất cứ điều gì. Vì vậy, những gì là sai với JS của tôi? Tôi có cần bao gồm tệp Jquery không?Nhận giá trị số đầu vào với JS
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
</head>
<body>
<form id="frm1" action="Calculate.html">
<table width="350px" border="1px">
<tr>
<th colspan="2">Availability</th>
</tr>
<tr>
<td>Total Production Time</td>
<td><input type="number" name="TotalProductionTime" placeholder=""> hours</td>
</tr>
<tr>
<td>Breaks</td>
<td><input type="number" name="Breaks" placeholder=""> minutes</td>
</tr>
<tr>
<td>Malfunctions</td>
<td><input type="number" name="Malfunctions" placeholder=""> minutes</td>
</tr>
<tr>
<td>Theoretical production time:</td>
<td><p id="test"></p></td>
</tr>
</table>
<input type="button" onclick="Calculate()" name="Calculate" value="calculate">
<script>
function Calculate()
{
var TotalProductionTime = document.getElementById("TotalProductionTime").value;
var TotalProductionTimeInMinutes = TotalProductionTime * 60;
var Breaks = document.getElementById("Breaks").value;
var Malfunctions = document.getElementById("Malfunctions").value;
var TheoreticalProductionTime = TotalProductionTimeInMinutes - Breaks - Malfunctions;
document.getElementById("test").innerHTML = TheoreticalProductionTime;
}
</script>
</body>
</html>
Xin cảm ơn trước.
'.value' trả về một chuỗi. Sử dụng 'parseInt (x, 10)' hoặc 'parseFloat'. –
bạn đang sử dụng 'getElementById' và bạn chưa đặt ID nào. –
có thể trùng lặp của [Nhận giá trị của với JS khi nó chứa các ký tự không phải là số] (http://stackoverflow.com/questions/15627341/get-value-of-input-type-number -with-js-khi-nó-chứa-phi số-characte) –