JavaScript之简易计算器

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>简易计算器</title>

<script language="javascript">

//加法

function add(){

var num1=parseInt(document.getElementById("num1").value);

var num2=parseInt(document.getElementById("num2").value);

var result=document.getElementById("result");

result.value=num1+num2;

    }

//减法

function sub(){

var num1=parseInt(document.getElementById("num1").value);

var num2=parseInt(document.getElementById("num2").value);

var result=document.getElementById("result");

result.value=num1-num2;

}

//乘法

function mul(){

var num1=parseInt(document.getElementById("num1").value);

var num2=parseInt(document.getElementById("num2").value);

var result=document.getElementById("result");

result.value=num1*num2;

}

//除法

function div(){

var num1=parseInt(document.getElementById("num1").value);

var num2=parseInt(document.getElementById("num2").value);

var result=document.getElementById("result");

result.value=num1/num2;

}

</script>

<style type="text/css">

body {

    height: 350px;

    width: 300px;

    margin-top: 50px;

    margin-left: 50px;

    line-height: 45px;

}

</style>

</head>

<body>

num1:<input name="num1" type="text" id="num1" /><br />

num2:<input name="num2" type="text" id="num2" /><br />

<input name="add" type="button" value="+"  onclick="add()"/>

<input name="sub" type="button" value="-"  onclick="sub()"/>

<input name="mul" type="button" value="*"  onclick="mul()"/>

<input name="div" type="button" value="/"  onclick="div()"/><br />

result:<input name="result" type="text" id="result" /><br />

</body>

</html>
In a other way：
秒客网

JavaScript之简易计算器

相关文章
