小练习---计算器

最新推荐文章于 2022-04-15 12:42:53 发布

蜗v牛

最新推荐文章于 2022-04-15 12:42:53 发布

阅读量931

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/ibiao/article/details/52055465

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后，点击第三个输入框能给出2个整数的加减乘除。

<!DOCTYPE html>
<html>
<head>
<title>计算器</title>
<script type="text/javascript">
function count(){
//获取第一个输入框的值
var txt1=document.getElementById("txt1");
txt1=parseInt(txt1.value);
//获取第二个输入框的值
var txt2=document.getElementById("txt2");
txt2=parseInt(txt2.value);
//获取选择框的值
var select=document.getElementById("select").value;
//获取通过下拉框来选择的值来改变加减乘除的运算法则
var result;
switch(select)
{
case '+':
result=txt1+txt2;
break;
case '-':
result=txt1-txt2;
break;
case '*':
result=txt1*txt2;
break;
case '/':
result=txt1/txt2;
}
//设置结果输入框的值
document.getElementById("fruit").value=result;
}
</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=' = ' οnclick="count()"/> 
<input type='text' id='fruit' />
</body>
</html>

蜗v牛

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
小练习---计算器

使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后，点击第三个输入框能给出2个整数的加减乘除。计算器 function count(){ //获取第一个输入框的值var txt1=document.getElementById("txt1");txt1=parseInt(txt1.value);//获取第二个输入框
复制链接

扫一扫