简易js计算器
2024-10-19 17:43:27
使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后,点击第三个输入框能给出2个整数的加减乘除。
<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
<script type="text/javascript">
function count(){
//alert("ss");
//获取第一个输入框的值
var a=document.getElementById("txt1").value;
a=parseInt(a,10);
//获取第二个输入框的值
var b=document.getElementById("txt2").value;
b=parseInt(b,10);
//获取选择框的值
var opra=document.getElementById("select").value;
//document.write(opra);
var ans=0;
//获取通过下拉框来选择的值来改变加减乘除的运算法则
switch(opra)
{
case '+': ans=a+b;break;
case '-': ans=a-b;break;
case '*': ans=a*b;break;
case '/': ans=a/b;break;
default:break;
}
//设置结果输入框的值
document.getElementById("fruit").value=ans;
//alert(ans); }
</script>
</head>
<body>
<input type='text' id='txt1' />
<select id='select'>
<option value='+'>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type='text' id='txt2' />
<input type='button' value=' = ' onclick="count()" /> <!--通过 = 按钮来调用创建的函数,得到结果-->
<input type='text' id='fruit' />
</body>
</html>
最新文章
- 移动端web开发 问题
- jQuery插件之simplemodal
- Ubuntu 14.04下安装Hadoop2.4.0 (单机模式)
- MXML的一些基本语法
- mysql实例 保存查询结果到变量
- C#字符串与char数组互转!
- 关于XML与类型Class的映射
- 2014.6.14模拟赛【bzoj1592】[Usaco2008 Feb]Making the Grade 路面修整
- Android布局控件
- perl 调用方法 子例程说明
- velocity学习总结
- RDLC报表数据集的一个细节,导致错误为 尚未数据源提供数据源实例
- table-layout引起的探索——fixed和auto的区别
- Visual Flow 简介
- 【php增删改查实例】第十六节 - 用户新增
- Spring Boot之logback日志最佳实践
- 8M - 三角形
- troubleshooting-sqoop mysql导入hive 报:GC overhead limit exceeded
- 不用bootstrap,只用CSS创建网格布局
- pyqt二进制和图片的转换