您的位置：首页 > Web前端 > JavaScript

javascript实现的简单计算器

2013-08-10 20:35 260 查看

<html>

<head>

<title>javascript实现一个简单的计算器</title>

<script language="javascript">

function cal(){

var v1 = parseInt(document.getElementById("value1").value) ;

var flag = document.getElementById("flag").value ;

var v2 = parseInt(document.getElementById("value2").value) ;

var s = 0 ;

switch(flag){

case "+":

s = v1 + v2 ;

break ;

case "-":

s = v1 - v2 ;

break ;

case "*":

s = v1 * v2 ;

break ;

case "/":

s = v1 / v2 ;

break ;

}

alert(s) ;

}

</script>

</head>

<body onload="alert(sayHello())">

<input type="text" name="value1" id="value1">

<select name="flag" id="flag">

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

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

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

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

</select>

<input type="text" name="value2" id="value2">

<input type="button" value="计算" id="" onclick="cal()">

</body>

</html>

放到span里面

<html>

<head>

<title>javascript实现一个简单的计算器</title>

<script language="javascript">

function cal(){

var v1 = parseInt(document.getElementById("value1").value) ;

var flag = document.getElementById("flag").value ;

var v2 = parseInt(document.getElementById("value2").value) ;

var s = 0 ;

switch(flag){

case "+":

s = v1 + v2 ;

break ;

case "-":

s = v1 - v2 ;

break ;

case "*":

s = v1 * v2 ;

break ;

case "/":

s = v1 / v2 ;

break ;

}

/* document.getElementById("ret").value = s ; */

document.getElementById("result").innerHTML = "<font color='red'>" + s + "</font>" ;

}

</script>

</head>

<body onload="alert(sayHello())">

<input type="text" name="value1" id="value1">

<select name="flag" id="flag">

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

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

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

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

</select>

<input type="text" name="value2" id="value2">



<span id="result"></span>

<input type="button" value="计算" id="" onclick="cal()">

</body>

</html>

更简单的方式：

<html>

<head>

<title>javascript实现一个简单的计算器</title>

<script language="javascript">

function cal(){

var v1 = parseInt(document.getElementById("value1").value) ;

var flag = document.getElementById("flag").value ;

var v2 = parseInt(document.getElementById("value2").value) ;

eval("var s = " + v1 + flag + v2) ;

document.getElementById("result").innerHTML = "<font color='red'>" + s + "</font>" ;

}

</script>

</head>

<body onload="alert(sayHello())">

<input type="text" name="value1" id="value1">

<select name="flag" id="flag">

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

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

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

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

</select>

<input type="text" name="value2" id="value2">

<span id="result"></span>

<input type="button" value="计算" id="" onclick="cal()">

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航