Html input get number


<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" id="TotalProductionTime" placeholder="">hours</td>
        </tr>
        <tr>
            <td>Breaks</td>
            <td>
                <input type="number" id="Breaks" placeholder="">minutes</td>
        </tr>
        <tr>
            <td>Malfunctions</td>
            <td>
                <input type="number" id="Malfunctions" placeholder="">minutes</td>
        </tr>
        <tr>
            <td>Theoretical production time:</td>
            <td>
                <p id="test"></p>
            </td>
        </tr>
    </table>
    <input type="button" onclick="Calculate()" value="calculate">
</form>


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;
}

Source: stackoverflow.com

Similar codes

0 vote270 views1 answer
JSPL loop through map keys
Html
4 votes277 views2 answers
ERROR Error: If ngModel is used within a form tag, either the name attribute must be set or the form control must be defined as 'standalone' in ngModelOptions.
Html
0 vote267 views1 answer
Google font library
Html
50 votes335 views3 answers
Html label tag
Html
0 vote287 views1 answer
Css animation fade out after delay
Html
1 vote281 views1 answer
Twig keys
Html
0 vote278 views1 answer
Html interview questions github
Html
0 vote255 views1 answer
How to put a name on a fieldset
Html
0 vote291 views1 answer
Css menu Ankerpoints smooth scrolling
Html
84 votes286 views6 answers
Html radio button
Html