js效果的屏幕切换背景色

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button id="btn">开</button>
</body>
<script>


    var btnE = document.getElementById('btn'),

        text;

    btnE.addEventListener('click', function () {

        text = btnE.innerText;

        btnE.innerText = text === "开" ? "关" : "开";

        text === "开" ? document.body.style.backgroundColor = "black" : document.body.style.backgroundColor = "white";



    });



</script>

</html>
posted @ 2021-07-06 10:22  郭郭辉  阅读(66)  评论(0)    收藏  举报