JS学习笔记 - fgm练习 - 数字自增 定时器 数字比大小Math.max

 

 

<script>
    window.onload = function(){
        var oP = document.getElementsByTagName('p')[0];
        var i = 0;

        // alert(oP.innerHTML = ++i + 2)   从这里弹窗初始的typeof  innerHTML 和 ++i 运算之后的就很清楚。

        setInterval(updateNum, 1000);
        
        updateNum();   // 复习一下定时器怎么调用的！！
        
        function updateNum()
        {
            oP.innerHTML = ++i;    
            // innerHTML 虽然初始是字符串，但是被++i（数字）赋值了，所以不需要parseInt。
        };
    };
       /**
        var timer = setInterval(myFn(), 300);

        timer();

        };

        var myFn = function(){
        
        var oP = document.getElementsByTagName('p')[0];
        var i = 0;

        var oNum = parseInt(oP);
        oNum = ++i;
        */ 
    </script>

 

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

        for(let i=0; i<aInp.length; i++)
        {
            aInp[i].onkeyup = function()
            {
                this.value = this.value.replace(/[^\d]/,"");
                // 正则匹配的 [] 框是干嘛的？
            };
        };
        oBtn.onclick = function(){
            (parseInt(aInp[0].value)>parseInt(aInp[1].value))?
            oResult.innerHTML = aInp[0].value : oResult.innerHTML = aInp[1].value;

            // 示例程序写法  （Math.max  方法）
            // (oResult.innerHTML = Math.max(aInp[0].value, aInp[1].value));
        };
    };
    </script>