编程练习

迈不过友情╰ 2022-09-25 07:28 189阅读 0赞

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

提示：用JS取值的方法：var = document.getElementById(“id”）.value；

赋值的方法：document.getElementById(“id”）.value = 1；

思路：1.创建构建运算函数count();

2.用JS获取两个输入框及select下拉框的值

3.获取通过下拉框选择来的值来进行两个数加减乘除的运算（这里可以用switch来判断）

4.通过用onclick();函数来调用函数获取值

代码：

<!DOCTYPE html>
    <html>
     <head>
      <title> 事件</title>  
      <script type="text/javascript">
       function count(){
           
       var num1=document.getElementById('txt1').value;
      var num2=document.getElementById('txt2').value;
      var select=document.getElementById('select').value;
      var result='';
    	switch(select){
         case '+':
             result=parseFloat(num1)+parseFloat(num2);
             break;
        case '-':
            result=parseFloat(num1)-parseFloat(num2);
            break;
        case '*':
            result=parseFloat(num1)*parseFloat(num2);
            break;
        default:
            result=parseFloat(num1)/parseFloat(num2);
                 
    	}
        
    
      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>

发表评论取消回复

表情：

评论列表（有 0 条评论，189人围观）

还没有评论，来说两句吧...

相关阅读

相关编程练习2

任务：某班的成绩出来了，现在老师要把班级的成绩打印出来。要求最后打印出 1：显示打印的日期。格式为类似“XXXX年XX月XX日星期X” 的当前的时间。 2：计算出该

墨蓝/ 2022年09月25日 09:20/ 0 赞/ 175 阅读

相关编程练习

要达到的结果：使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后，点击第三个输入框能给出2个整数的加减乘除。提示：用JS取值的方法：var = docume

迈不过友情╰/ 2022年09月25日 07:28/ 0 赞/ 190 阅读

相关编程题练习

1 [哈诺塔][Link 1] 课后题7. 4 5 6 4 include<stdio.h> int a[3][3]; int main(){

痛定思痛。/ 2022年09月10日 00:22/ 0 赞/ 185 阅读

相关线程编程练习

编写一个程序，开启3个线程，这3个线程的ID分别为A、B、C，每个线程将自己的ID在屏幕上打印10遍，要求输出结果必须按ABC的顺序显示；如：ABCABC….依次递推。

迈不过友情╰/ 2022年07月14日 06:46/ 0 赞/ 203 阅读

相关编程练习

编写一个三角形类，能根据输入的3个double类型数据构造三角形对象，定义三个构造方法。如果这3个数据满足构成三角形的条件，直接构造三角形。否则，如果3个数的最大值大于0

拼搏现实的明天。/ 2022年06月17日 06:08/ 0 赞/ 243 阅读

相关字典编程练习

> 自定义函数twonums\_sum(n, lst)，在列表lst中查找是否有两数之和等于n，若有则返回两数的下标，否则返回-1。对于一个不包含重复数字的有序列表\[1, 4

水深无声/ 2022年05月05日 08:00/ 0 赞/ 223 阅读

相关 16. 踢皮球编程练习

Description 周老师所教的算法班的学生们总是特别皮。这不，这次算法竞赛周测他又抓到了位作弊的学生，假设这些学生编号周老师决定考试后约谈这些学生。谁知道学生们却互相

「爱情、让人受尽委屈。」/ 2022年04月10日 04:23/ 0 赞/ 175 阅读

相关编程练习网站

[https://blog.csdn.net/JIEJINQUANIL/article/details/52281048][https_blog.csdn.net_JIEJIN

深碍√TFBOYSˉ_/ 2022年01月31日 08:04/ 0 赞/ 415 阅读

相关编程练习（时间序列）

"""将数据列表转换成一些词频count，字典dictionary def build_dataset(words, n_words): """

冷不防/ 2021年12月16日 16:11/ 0 赞/ 262 阅读

相关网络编程练习：聊天

【需求】：实现双方聊天（收数据和发数据）【技术】：网络编程、IO流、多线程【代码】： / 需求：实现双方聊天（收数据和发数据）所需技术：网络

秒速五厘米/ 2021年09月30日 03:54/ 0 赞/ 332 阅读