JavaScript实例之计算器
2024-09-06 01:36:33
代码实例:
<!DOCTYPE html>
<html lang="en">
<head> <meta charset="UTF-8">
<title>计算器实例效果</title>
<script type="text/javascript"> var compute=function (val) {
var num1=parseFloat(document.getElementById("num1").value);
var num2=parseFloat(document.getElementById("num2").value);
var num3=document.getElementById("num3");
if(val=='+') {
num3.value=num1+num2;
}
if(val=='-') {
num3.value=num1-num2;
}
if(val=='*') {
num3.value=num1*num2;
}
if(val=='/') {
num3.value=num1/num2;
}
}
</script> </head>
<body>
<h2>计算器</h2>
数字1:<input type="text" id="num1"><br/>
数字2:<input type="text" id="num2"><br/>
<input type="button" value="+" onclick="compute(this.value)"/>
<input type="button" value="-" onclick="compute(this.value)"/>
<input type="button" value="*" onclick="compute(this.value)"/>
<input type="button" value="/" onclick="compute(this.value)"/><br>
结果:<input type="text" id="num3"/><br>
</body>
</html>
效果:
2017-09-05 00:00:33
最新文章
- ajax 请求如何解决乱码
- 经典C#编程理解,概要,经典
- win10搭建代理服务器实现绕过校园网的共享限制--从入门到放弃
- mybatis order by绑定的参数
- iptables 开启80端口
- PHP全栈工程师学习大纲
- Visual Studio使用技巧
- spss
- 在C#中子线程如何操作主窗口线程上的控件
- pthon/零起点(一、集合)
- tensorflow 使用 1 常量,变量
- python Django 中间件介绍
- 【[AHOI2005]洗牌 题解
- No.0
- 『TensorFlow』SSD源码学习_其七:损失函数
- zifutongji
- equals&;&;==的使用
- C# 如何利用反射,将字符串转化为类名并调用类中方法
- 工具类 | window批处理杀死指定端口进程
- 洛谷 P1560 蜗牛的旅行