Addition Using Javascript (OnClick)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Javascript Addition</title>

<style>

body
{
    background-color:#093;
    padding:0px;
    margin:0px;
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
}

.frm1
{
    border:2px solid #006;
}


</style>
</head>

<body>


<script>


function sum()
{
        var txtFN = parseInt(document.getElementById('txt1').value);
        var txtSN = parseInt(document.getElementById('txt2').value);
        var result = parseInt(txtFN) + parseInt(txtSN);
        document.getElementById('txt3').value = result;

}



function clr()
{
    document.getElementById('txt1').value = "";
    document.getElementById('txt2').value = "";
    document.getElementById('txt3').value = "";
}


</script>



<center>
<h1>Addition Using Javascript (OnClick)</h1>
<form id="frm1">
Frist No : <input type="text"  id="txt1" /><br />
Second No : <input type="text" id="txt2"  /><br />
<button type="button" onclick="sum()">Result</button>
<button type="button" onclick="clr()">Reset</button><br />
Result : <input type="text" id="txt3" />
</form>




</center>
</body>
</html>

Comments

Post a Comment