用js来进行简单的加减乘除运算
2013-11-17 10:07
267 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>加、减、乘、除运算</title>
<script type="text/javascript">
function calculate(){
var num1 = parseFloat(document.getElementById("num1").value);
var num2 = parseFloat(document.getElementById("num2").value);
var val = document.getElementById("value").value;
if(val=="+"){
document.getElementById("num3").value = num1 + num2 ;
}
else if(val=="-"){
document.getElementById("num3").value = num1 - num2 ;
}
else if(val=="*"){
document.getElementById("num3").value = num1 * num2 ;
}
else if(val=="/"){
document.getElementById("num3").value = num1 / num2 ;
}
};
</script>
</head>
<!--
要求采用面向对象的方式定义函数，实现加、减、乘、除运算功能。
-->
<body>
<form>
<center>
<fieldset style="height:200px;">
<legend>请输入要运算的数</legend>
<input type="text" id="num1" value="" />
<select name="cal" id="value">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" id="num2" value=""/>=
<input type="text" id="num3" value=""/>
<input type="button" value="提交" onClick="calculate()"/>
</fieldset>
</center>
</form>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>加、减、乘、除运算</title>
<script type="text/javascript">
function calculate(){
var num1 = parseFloat(document.getElementById("num1").value);
var num2 = parseFloat(document.getElementById("num2").value);
var val = document.getElementById("value").value;
if(val=="+"){
document.getElementById("num3").value = num1 + num2 ;
}
else if(val=="-"){
document.getElementById("num3").value = num1 - num2 ;
}
else if(val=="*"){
document.getElementById("num3").value = num1 * num2 ;
}
else if(val=="/"){
document.getElementById("num3").value = num1 / num2 ;
}
};
</script>
</head>
<!--
要求采用面向对象的方式定义函数，实现加、减、乘、除运算功能。
-->
<body>
<form>
<center>
<fieldset style="height:200px;">
<legend>请输入要运算的数</legend>
<input type="text" id="num1" value="" />
<select name="cal" id="value">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" id="num2" value=""/>=
<input type="text" id="num3" value=""/>
<input type="button" value="提交" onClick="calculate()"/>
</fieldset>
</center>
</form>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- java 调用js 方法库进行简单的数学表达式的运算
- 可以在js中进行加减乘除运算吗?
- 由于Java的简单类型不能够精确的对浮点数进行运算，这个工具类提供精 确的浮点数运算，包括加减乘除和四舍五入。
- 由于Java的简单类型不能够精确的对浮点数进行运算，这个工具类提供精 确的浮点数运算，包括加减乘除和四舍五入
- js是如何进行比较运算的
- css3 calc()：css简单的数学运算-加减乘除
- JS最基础的获取元素的值实现加减乘除运算
- 在C/C++代码中使用SSE等指令集的指令(5)SSE进行加法运算简单的性能测试
- 手动输入四位数 进行简单的加密运算
- 不用0，1，2，以及加减乘除来进行运算——阿隆佐·邱奇
- Java简单的 整数加减乘除运算
- 基于逻辑运算的简单权限系统(实现) JS 版
- 利用console进行简单的js性能测试
- 通过一张简单的图，让你彻底地、永久地搞懂JS的==运算
- js中用数组对一些验证进行简单的封装
- Node.JS进行简单新技术分析及环境搭建
- 异或加密法 在对文本进行简单加密的时候，可以选择用一个n位的二进制数，对原文进行异或运算。 解密的方法就是再执行一次同样的操作。
- JS浮点运算 加减乘除
- Js版本的打老鼠游戏--这里简单用一个图标表示老鼠 关键字：js对表格进行动态创建
- 一个非常酷的Js计算器（加减乘除，浮点，以及括号运算，四则混合运算）