用js代码做一个简易计算器

JavaScript019

用js代码做一个简易计算器,第1张

function test(){

     var txt1 = document.getElementById("txt1"),

         txt2 = document.getElementById("txt2"),

         txt3 = document.getElementById("txt3"),

         opt  = document.getElementById("sel")

     txt3.value =  eval(txt1.value + opt.value + txt2.value)//eval函数可计算某个字符串，并执行其中的的js代码

} <input type="text" id="txt1" />

<select id="sel">

     <option value="+">+</option>

     <option value="-">-</option>

     <option value="*">*</option>

     <option value="/">/</option>

</select>

<input type="text" id="txt2" />

=

<input type="text" id="txt3" />

<input type="button" id="btn" value="计算" onclick="test()"/>

<!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/htmlcharset=utf-8" />

<title>计算器</title>

</head>

<script language="javascript">

function test(){

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

var num2 = parseFloat(document.getElementById("num2").value)

document.write("相加："+(num1+num2))

document.write("相减："+(num1-num2))

document.write("相乘："+(num1*num2))

document.write("相除："+(num1/num2))

}

</script>

<body>

<input type="test" id="num1" value/>

<input type="test" id="num2" value/>

<script>

</script>

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

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

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

<input type="button" value="/" onclick="test()"/>

</body>

</html>

是做一个计算器吧。首先放一堆button上去，绑定onclick事件，定义全局变量来接收每一个点击获取到的值，最后放一个input框显示输出的值。这是最简单的一个实现方法，如果看不懂的话可以再问，给你写一下。代码自己写的好，看别人不如自己写。