欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

利用js實現(xiàn)簡單開關燈代碼

 更新時間：2021年11月23日 09:22:29   作者：L-L  
這篇文章主要分享的是如何利用js實現(xiàn)簡單開關燈代碼，下面文字圍繞js實現(xiàn)簡單開關燈的相關資料展開具體內(nèi)容,需要的朋友可以參考以下，希望對大家又所幫助

body部分：

<button>開關燈</button>

script部分：

    <script>

        // window.onload 是窗口加載事件，可以實現(xiàn)將代碼寫到元素上面

        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>

到此這篇關于 利用js實現(xiàn)簡單開關燈代碼的文章就介紹到這了,更多相關 js實現(xiàn)簡單開關燈內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

相關文章

最新評論