Javascript onkeyup

<html>
    <head>
        <script>
            function add()
            {
                var a = parseInt(document.getElementById("t1").value);
                var b = parseInt(document.getElementById("t2").value);
                var result = a + b;
                document.getElementById("s1").innerHTML = result;
            }
        </script>
        <title>Addition Using Ajax</title>
    </head>
    <body>
        <h1>Addition Using Ajax </h1>
        <table border="0" cellpadding="10px">
            <tr>
                <td>Enter First Number</td>
                <td>
                    <input type="text" id="t1" onKeyUp="add()">
                </td>
            </tr>

            <tr>
                <td>Enter Second Number</td>
                <td>
                    <input type="text" id="t2" onKeyUp="add()">
                </td>
            </tr>
            <tr>
                <td align="center" colspan="2">
                    <span id="s1"></span>
                </td>
            </tr>

            <tr>
                <td align="center" colspan="2">
                    <input type="button" value="Calculate" name="btn_add" onClick="add()">
                </td>
            </tr>

        </table>

        <iframe width="420" height="315" src="http://www.youtube.com/embed/07BMrivOzUE" frameborder="0" allowfullscreen></iframe>
    </body>
</html>

Comments

Post a Comment

Popular posts from this blog

How to seperate character from string in php

How to Delete record using PHP Ajax

Uploads Only 10 files in month step by step