के साथ इनपुट नंबर मान प्राप्त करें मुझे जेएस के साथ कुछ सामानों की गणना करने और इनपुट फ़ील्ड (संख्या) से सही मान प्राप्त करने के साथ कुछ समस्याएं हैं। जब मैं इस कोड का उपयोग करता हूं तो यह कुछ भी नहीं दिखाता है। तो मेरे जेएस के साथ क्या गलत है? क्या मुझे एक jquery फ़ाइल शामिल करने की आवश्यकता है?जेएस
<!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>
अग्रिम धन्यवाद।
जाना 'तैयार है। 'ParseInt (x, 10)' या 'parseFloat' का प्रयोग करें। –
आप 'getElementById' का उपयोग कर रहे हैं और आपके पास कोई आईडी सेट नहीं है। –
संभावित डुप्लिकेट [<इनपुट प्रकार = "संख्या" का मूल्य प्राप्त करें> जेएस के साथ जब इसमें गैर-संख्यात्मक वर्ण होते हैं] (http://stackoverflow.com/questions/15627341/get-value-of-input-type-number -with-js-when-it-include-non-numeric-charactere) –