JS的简单运用

最新推荐文章于 2022-04-18 22:03:00 发布

明天不熬夜了～

最新推荐文章于 2022-04-18 22:03:00 发布

阅读量62

点赞数

文章标签： js

本文链接：https://blog.csdn.net/m0_57517244/article/details/117767351

版权

题目：使用JS制作一个简易计算器

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script type="text/javascript">
function count(){
var a=parseInt(document.getElementById("txt1").value);
//获取第一个输入框的值
var b=parseInt(document.getElementById("txt2").value);
//获取第二个输入框的值
var selectSign=document.getElementById("select").value;
var answer="";
//获取选择框的值
switch(selectSign){
case"+":
answer=a+b;break;
case"-":
answer=a-b;break;
case"*":
answer=a*b;break;
case"/":
answer=a/b;

}
//获取通过下拉框来选择的值来改变加减乘除的运算法则
document.getElementById("fruit").value=answer;
//设置结果输入框的值

}
</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='text' id='fruit' />

<br>
<br>
<input type='button' value='计算' οnclick="count()"/> 
</body>
</html>

运行结果如下：

明天不熬夜了～

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS的简单运用

题目：使用JS制作一个简易计算器代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"...
复制链接

扫一扫