使用html+javascriptt实现的简易四则运算(初学JavaScript笔记)
2024-10-02 06:19:56
今天第一天学javascript,做了个简易的四则运算,提供参考,效果图:
html代码:
<!DOCTYPE html>
<html >
<head >
<meta charset="UTF-8">
<link rel="stylesheet" type = "text/css" href = "css/1.css">
<title>index</title>
</head>
<body id="a1">
<script type="text/javascript" src = "js/3.js">
</script>
<form>
<p >
<input id = "1" type="text" size="20px" name="a " onkeyup="this.value=this.value.replace(/[^\d]/ig,'')"/> <select id = "c">
<option id = "jia" value="+">+</option>
<option id = "jian" value="-">-</option>
<option id = "cheng" value="*">*</option>
<option id = "chu" value="/">/</option>
</select> <input id = "2" type="text" size="20px" name="b" onkeyup="this.value=this.value.replace(/[^\d]/ig,'')"/> = <input id = "3" type="text" size="20px" name="result " onkeyup="this.value=this.value.replace(/[^\d]/ig,'')"/> <input name = "button" type = "button" value= "点击提交" onclick = "cal()"> </p>
</form>
</body>
</html>
js代码:
function cal(){
var numa,numb,cc,sum;
numa = Number(document.getElementById("1").value);
numb = Number(document.getElementById("2").value);
cc = document.getElementById("c").value; if(cc == "+"){
sum = numa + numb;
}else if(cc=="-"){
sum = numa - numb;
}else if(cc=="*"){
sum = numa * numb;
}else{
sum = numa / numb;
}
document.getElementById("3").value= sum;
//alert("计算结果:"+sum); //document.write(sum);
}
最新文章
- IntelliJ IDEA - 热部署插件JRebel 安装使用教程
- NPOI、MyXls、Aspose.Cells 导入导出Excel(转)
- Android布局优化策略
- ServiceStack.OrmLite 笔记2 -增
- 数位dp——统计&#39;1&#39;的个数
- ASP.NET之Ajax系列(一)
- 谈谈C#基元类型
- Java实战之04JavaWeb-08文件上传与下载
- Cut the sticks
- 根据用户的ID查用户的名字
- spotlight 索引重建
- Android--SurfaceView播放视频
- Springboot 2.返回cookies信息的get接口开发 和 带cookis去请求
- Yii1.1.16学习记录
- android Application Component研究之Activity(二)
- java StringTokenizer
- cakephp2.7的学习笔记1 —— 安装与配置
- vue-cli项目配置图解
- Python 文件学习笔记
- 左连接,右连接和等值连接(left join,right join和inner join)