javascript简单计算器
来源:互联网 发布:mac命令行终端 编辑:程序博客网 时间:2024/05/25 21:36
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小型javascript计算器</title>
</head>
<body>
<center><h3>简单计算器</h3></center>
<table width='500' align="center">
<tr>
<td><input type="number" name="quantity1" id='num1'></td>
<td>
<select id='mark'>
<option value='+'>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
</td>
<td><input type="number" name="quantity2" id='num2'></td>
<td>=</td>
<td><input type="text" id='result'></td>
<td><input type='button' value='计算' onclick="func()"></td>
</tr>
</table>
</body>
<script type="text/javascript">
function func(){
//通过ID找对象取值(注意此处取出来的值如果不采取Number函数转,会默认当做一个字符串,后续+运算会当做一个字符串拼接)
var num1=Number(document.getElementById('num1').value);
var num2=Number(document.getElementById('num2').value);
var mark=document.getElementById('mark').value;
//设定value初始值为null,后续赋值
var value=null;
//判断运算符
switch(mark){
case '+':
value=num1+num2;
break;
case '-':
value=num1-num2;
break;
case '*':
value=num1*num2;
break;
case '/':
if(num2!=0){
value=num1/num2;
}else{
alert("分母不能为0");
}
}
document.getElementById('result').value=value;
}
</script>
</html>
<html>
<head>
<meta charset="utf-8">
<title>小型javascript计算器</title>
</head>
<body>
<center><h3>简单计算器</h3></center>
<table width='500' align="center">
<tr>
<td><input type="number" name="quantity1" id='num1'></td>
<td>
<select id='mark'>
<option value='+'>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
</td>
<td><input type="number" name="quantity2" id='num2'></td>
<td>=</td>
<td><input type="text" id='result'></td>
<td><input type='button' value='计算' onclick="func()"></td>
</tr>
</table>
</body>
<script type="text/javascript">
function func(){
//通过ID找对象取值(注意此处取出来的值如果不采取Number函数转,会默认当做一个字符串,后续+运算会当做一个字符串拼接)
var num1=Number(document.getElementById('num1').value);
var num2=Number(document.getElementById('num2').value);
var mark=document.getElementById('mark').value;
//设定value初始值为null,后续赋值
var value=null;
//判断运算符
switch(mark){
case '+':
value=num1+num2;
break;
case '-':
value=num1-num2;
break;
case '*':
value=num1*num2;
break;
case '/':
if(num2!=0){
value=num1/num2;
}else{
alert("分母不能为0");
}
}
document.getElementById('result').value=value;
}
</script>
</html>
阅读全文
0 0
- 简单javascript计算器
- javaScript 简单计算器
- 简单的JavaScript计算器
- 简单的javascript计算器
- javaScript 简单计算器
- JavaScript 简单的计算器
- javaScript编写简单计算器
- 简单的javascript计算器
- JavaScript编写简单计算器
- JavaScript简单计算器
- JavaScript: 制作简单计算器
- 简单的JavaScript计算器
- JavaScript 简单计算器
- javascript简单计算器
- javascript实现简单计算器
- JavaScript简单计算器
- javascript简单计算器
- 用Javascript写简单计算器
- python 基本类型转换
- 412. Fizz Buzz
- 1005. 继续(3n+1)猜想 (25)
- Yii2简介和下载安装
- eclipse闪退打不开问题
- javascript简单计算器
- Swagger工具详解
- Bootstrap(十七)
- plsql安装提示Warning: Some Oracle Net versions cannot connect
- 生活小记68
- Leetcode 442-Find All Duplicates in an Array
- Bootstrap(十八)
- 程序员面试宝典随笔记(一)----define和const
- Latex 中文配置解析