js小功能3:一个简单的计算器功能
2024-08-31 18:24:21
html:
<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' />
js:
<script>
function count(){ var vtxt1=parseInt(document.getElementById('txt1').value); var vtxt2=parseInt(document.getElementById('txt2').value);
var vselect=document.getElementById('select').value;
var result='';
switch (vselect){
case '+':{
result=vtxt1+vtxt2; break;
}
case '-':{
result=vtxt1-vtxt2; break;
}
case '*':{
result=vtxt1*vtxt2; break;
}
case '/':{
result=vtxt1/vtxt2; break;
}
}
document.getElementById('fruit').value=result
}
</script>
最新文章
- HEXO+PAGE 搭建个性博客
- http 超文本传输协议
- 开启/关闭ubuntu防火墙
- 关于TCP的三次握手和四次分手(整理)
- IController控制器的创建过程
- 【学习】滚动延迟加载插件scrollLoading用法
- JavaScript中的this基本问题
- maven构建geotools应用工程
- asp:DropDownList 使用
- hihocoder#1513 : 小Hi的烦恼 bitset
- vim学习、各类插件配置与安装【转】
- padding-bottom图片自适应
- Java中goto和break、continue实现区别
- redis后台启动配置
- spring boot整合Swagger2
- tomcat下程序包的安装与部署
- 【Java web 容器resin的安装】
- python16_day26【crm 增、改、查】
- HDU 1114 Piggy-Bank(完全背包模板题)
- 十七.jQuery源码解析之入口方法Sizzle(1)
热门文章
- ctf密码学------密文解码python脚本(凯撒解密)
- JS中map()与forEach()的用法
- 【转载】网页JS获取当前地理位置(省市区)
- flutter Android打包
- 侧方、s弯道、坡起相关
- 小D课堂 - 新版本微服务springcloud+Docker教程_5-04 feign结合hystrix断路器开发实战下
- 一百一十三:CMS系统之前台注册界面
- Java日志体系(二)log4j
- 基于request的爬虫练习
- 关于Content-Type中application/x-www-form-urlencoded 和 multipart/form-data的区别及用法