JS学习笔记 - fgm练习 - 限制输入框的字符类型 正则 和 || 或运算符的运用

 <script>
    window.onload = function(){
        var aInp = document.getElementsByTagName(‘input‘);
        var oSum = document.getElementsByTagName(‘span‘)[0];
        var oBtn = document.getElementsByTagName(‘button‘)[0];

        for (i = 0; i < aInp.length; i++)
        {
            aInp[i].onkeyup = function ()
            {
                this.value = this.value.replace(/[^\d]/,"")
                // 限制输入框只能输入数字。 
                // 再看一遍正则的视频，以及replace用法。
            };
        };

        oBtn.onclick = function(){
            var num1 = parseInt(aInp[0].value);
            var num2 = parseInt(aInp[1].value);

            (aInp[0].value == "" || aInp[1].value == "") ?   //  || 或运算符。 只要其中一个条件成立，就alert
            alert("请输入数字！") :
            oSum.innerHTML = num1 + num2;

            // 这种for循环写法不合理，会导致当2个输入框都为空时，alert两次。
            // for(let i=0; i<aInp.length; i++){
            //     if(aInp[i].value)
            //     {
            //         oSum.innerHTML = num1 + num2; 
            //     }else{
            //         alert(‘请输入数字‘);
            // };
        };
    };
    </script>