У меня есть некоторые проблемы с вычислением некоторых вещей с помощью JS и получением правильных значений из полей ввода (числа). Когда я использую этот код, он ничего не показывает. Так что же случилось с моим JS? Нужно ли включать файл JQuery?Получить значение входного числа с помощью 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>
Заранее спасибо.
'.value' возвращает строку. Используйте 'parseInt (x, 10)' или 'parseFloat'. –
вы используете 'getElementById', и у вас нет идентификатора. –
Возможный дубликат [Получить значение с JS, когда он содержит нечисловые символы] (http://stackoverflow.com/questions/15627341/get-value-of-input-type-number -with-js-when-it-contains-non-numeric-characte) –