第18天 仿计算器案例(四则运算的实现)

2022/9/6 4:22:48

本文主要是介绍第18天 仿计算器案例(四则运算的实现),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

一 课程名称: 仿计算器案例


    

    课程章节:四则运算实现

    



二 课程内容

    

    输入123后按加号,按加号以后将文本框的值,存到一个变量备用

    然后将文本框的值重新变为0,便于我们第二次数字输入

    第二次数字输完以后,我们需要按等号,等号计算结果

    两个加数放在那里呢?第一输入的数字我们放在了变量里,

    第二数字还在文本框里 


    公式:保存在变量的数+文本框的数

     

    1. 创建一个变量 var btn1_num

    https://img4.sycdn.imooc.com/6314a89c00015a5313500961.jpg


    2. 在加号里面把第一次输入文本框的值保存到变量

    btn1_num = parseInt(num.value);

    https://img1.sycdn.imooc.com/6314aa19000184f606890911.jpg

    3.在等号里面做处理

     把保存在变量的数和第二次文本框的数值相加

    num.value = btn1_num + parseInt(num.value);

    https://img1.sycdn.imooc.com/6314ab7c0001c51610980919.jpg

     这样子就可以实现加法了!!!


    4. 我们要给=号做判断,好让它知道该执行加法,减法还是除法

    我们再创建一个变量

    var fh;

    https://img2.sycdn.imooc.com/6314b86000015a2413690824.jpg

    在=号里加入switch(fh){     

   }

    如果是加号我们就执行

    https://img3.sycdn.imooc.com/6314b8df0001937912750880.jpg


    减号 乘法 除法 如此类推

    https://img1.sycdn.imooc.com/6314c0a200012b4613180538.jpg

    

    https://img3.sycdn.imooc.com/6314c0c30001f9e512270841.jpg


    除法 我们要添加一个if语句 不能除0

    if(parseint(num.value ==0)){

    num.value=0

}else{

    num.value = btn1_num / parseInt(num.value);

}

    

https://img2.sycdn.imooc.com/6314c1bd000105fc10040773.jpg


测试后,没有问题!

https://img2.sycdn.imooc.com/6314c1e30001a91015770457.jpg



三 本节难点是需要理解四则运算逻辑关系





本节完O(∩_∩)O












这篇关于第18天 仿计算器案例(四则运算的实现)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程