计算两个文本框的和

计算两个文本框的和

今天我们来学习如何计算两个文本框的和。我们首先来看一张动图。


计算两个文本框的和_第1张图片
求和.gif

很显然这不是我们想要的结果,12+5=17才对,因此接下来我们要引入一个新的东西parseInt(可以将字符串转成数字),还有一个parseFloat(将字符串转成小数),这里目前我们只需要parseInt。


计算两个文本框的和_第2张图片
求和

看来我们想要的效果已经达到了,但是呢,如果我们输入的不是数字呢?比如说像下面这张:
计算两个文本框的和_第3张图片
求和2

结果显示的是NaN(not a number),要想解决这样的问题,我们就需给文本框加个判断。

    if (isNaN(n1))
                    {
                        alert('您输入的第一个数字有误');
                    }
                    else if (isNaN(n2))
                    {
                        alert('您输入的第二个数字有误');
                    }

有了这个判断,我们就能保证我们计算的都是数字了。
接下来我把所有的代码放上。



    
        
        求和
        
    
    
        
        
        
    

好了,今天的学习就到这里了。
愿你三冬暖,愿你春不寒; 愿你天黑有灯,下雨有伞。


计算两个文本框的和_第4张图片
小晴天.jpg

你可能感兴趣的:(计算两个文本框的和)