用js實現簡單開關燈

body部分

<button>開關燈</button>

script部分

    <script>
        // window.onload 是窗口加載事件，可以實現將代碼寫到元素上面
        window.addEventListener('load', function () {
            var btn = document.querySelector('button');
            // 定義一個變量，用來判斷燈的開關情況
            var flag = 0;
            btn.onclick = function () {
                if (flag == 0) {
                    document.body.style.backgroundColor = 'black';
                    flag = 1;
                } else {
                    document.body.style.backgroundColor = 'pink';
                    flag = 0;
                }
            }
        })
    </script>

• 如果script直接寫到button下面的話，則采用以下代碼

<script>
        var btn = document.querySelector('button');
        var flag = 0;
        btn.onclick = function () {
            if (flag == 0) {
                document.body.style.backgroundColor = 'black';
                flag = 1;
            } else {
                document.body.style.backgroundColor = 'pink';
                flag = 0;
            }
        }
    </script>