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

點選按鈕自加1的練習

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

        oBtn.onclick = function()
        {
            var oNum = parseInt(oBtn.innerHTML);
            oNum += 1;

            oBtn.innerHTML = oNum;
            alert(oBtn.innerHTML);
        };

        // 示例程式的寫法：
        // aBtn.onclick = function ()
        // {
        //     aBtn.value = ++i;
        //     alert(i)
        // };
        
        // 在賦值時區別 i++  和 ++i
        // y=i++   y的值為i (先引用，後運算）
        // y=++i   y的值為i+1的結果 （先運算，後引用）
    };
    </script>