实现计算机功能

最新推荐文章于 2023-03-02 22:20:14 发布

qq_34241112

最新推荐文章于 2023-03-02 22:20:14 发布

阅读量362

点赞数 1

分类专栏： javascript 文章标签： javascript 网页函数

javascript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

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

提示：获取元素的值设置和获取方法为：例：赋值：document.getElementById(“id”）.value = 1；取值：var 啊= document.getElementById(“id”）.value；

注意标签值的获取一定别忘了 value

代码如下

 1 <!DOCTYPE html>
 2 <html>
 3  <head>
 4   <title> 事件</title>  
 5   <script type="text/javascript">
 6    function count(){
 7        
 8        
 9     //获取第一个输入框的值
10     var x=parseInt(document.getElementById("txt1").value);
11     //获取第二个输入框的值
12     var y=parseInt(document.getElementById("txt2").value);
13     //获取选择框的值
14     var m=document.getElementById("select").value;
15     //获取通过下拉框来选择的值来改变加减乘除的运算法则
16     switch(m)
17     {
18         case'+':
19         result=x+y;
20         break;
21         case'-':
22         result=x-y;
23         break;
24         case'*':
25         result=x*y;
26         break;
27         case'/':
28         result=x/y;
29         break;
30          }
31      //设置结果输入框的值      
32    document.getElementById("fruit").value=result;
33    }
34   </script> 
35  </head> 
36 <body>
37    <input type='text' id='txt1' /> 
38    <select id='select'>
39         <option value='+'>+</option>
40         <option value="-">-</option>
41         <option value="*">*</option>
42         <option value="/">/</option>
43    </select>
44    <input type='text' id='txt2' /> 
45 <input type='button' value=' = '  onClick="count()"/> <!--通过 = 按钮来调用创建的函数，得到结果--> 
46 <input type='text' id='fruit' />   
47 </body>
48 </html>

qq_34241112

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
实现计算机功能

使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后，点击第三个输入框能给出2个整数的加减乘除。提示：获取元素的值设置和获取方法为：例：赋值：document.getElementById(“id”）.value = 1；取值：var 啊= document.getElementById(“id”）.value；注意标签值的获取一定别忘了 value代码如下
复制链接

扫一扫