<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>