Home/ Questions/Q 8673625
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T19:30:25+00:00

I have an HTML page where there are two Textboxes and a Button. And

  • 0

I have an HTML page where there are two Textboxes and a Button. And I had written a Compute function to display the result in a Textbox but its not working. Alerts are not being fired on the page.

Can any one help me out here, where am i going wrong.

<script type="text/javascript">
    function isNumericKey(e)
    {
        if (window.event) { 
        var charCode = window.event.keyCode;
        }
        else if (e) 
        { 
        var charCode = e.which; 
        }
        else 
        { 
        return true; 
        }
        if (charCode > 31 && (charCode < 48 || charCode > 57)) {
        return false;
        }
        return true;
    }
    function submitMyNumber()
    {
      alert(1);
           var x = document.getElementById('myInput').value;
        return x.match(/^[0-9]+$/) != null;
        var y = document.getElementById('myInput1').value;
        return y.match(/^[0-9]+$/) != null;
        compute();
    }
    function compute()
    {
       alert(1);
    var a,b,c;
    var qtc=document.form1.myInput.value;
        alert(qtc);
    var hr=document.getByElementById('myinput1').value;
        alert(hr);  
       a=60/hr;
       alert(a);
    b=math.sqrt(a);
      alert(b);
    c=qtc/b;
       alert(c);
       document.write(a + "" + b+ " " + c+ "")
    }
       </script>
     </head>
     <body>
    <form>
    <table align="center" style="border:2px solid black">
        <tr>
            <td>Qtc:</td>
            <td><input type="text" id="myInput" name="myInput" onkeypress="return isNumericKey(event);" /><br /></td></tr>
            <tr>
                <td>Hr:</td>
                <td><input type="text" id="myInput1" name="myInput1" onkeypress="return isNumericKey(event);" /><br />
                </td>
            </tr>
                <tr>
                <td> <input type="submit" id="mySubmit" name="mySubmit" value="Submit only Number" onclick="compute()" />
                </td>
            </tr>
       <tr><td><input type="text" id="result" name="result" value="" /></td></tr>
    </table>
    </form>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    There are typo errors in your code:
    Update: Fiddle

    1. In compute() function

      getByElementById('myinput1') should be getElementById('myInput1')
      math.sqrt(a); should be Math.sqrt(a);

    The function should look like

    function compute(){
    var a,b,c;
    var qtc=document.form1.myInput.value;
    alert(qtc);
    var hr=document.getElementById('myInput1').value;
    alert(hr);  
    a=60/hr;
    alert(a);
    b=Math.sqrt(a);
    alert(b);
    c=qtc/b;
    alert(c);
    document.write(a + "" + b+ " " + c+ "")
    //var result = document.getElementById('result');   
    //result.value = c;                
}

    1. Your html form must have a name=form1 <form name="form1">

      <form name="form1">
    <table align="center" style="border:2px solid black">
    <tr> 
       <td>Qtc:</td>
       <td><input type="text" id="myInput" name="myInput" onkeypress="return isNumericKey(event);" /><br /></td>
    </tr>
    <tr>
       <td>Hr:</td>
       <td><input type="text" id="myInput1" name="myInput1" onkeypress="return isNumericKey(event);" /><br /></td>
    </tr>
    <tr>
       <td><button type="button" onclick="compute(); return false;">Submit only Number</button></td>
   </tr>
   <tr><td><input type="text" id="result" name="result" value="" /></td></tr>
   </table>
  </form>
    • 0