暗光模式按鈕

Question

我想將身體的背景更改為白色，當它設置為“太陽”（燈光模式）並變回月亮（也將背景更改為黑色）

function dwmode(){
    var body = document.querySelector('body')
    document.getElementById('dWmode').innerHTML = '<i class="fas fa-sun"></i>';
        if(innerHTML == '<i class="fas fa-sun"></i>'){
            body.style.background = 'white'
    }
}

Answer 1

 body = document.querySelector("body"); sun = document.getElementById("sun"); moon = document.getElementById("moon"); function dwmode() { if (sun.style.visibility == "visible") { body.style.backgroundColor = "white" sun.style.visibility = "hidden"; moon.style.visibility = "visible"; } else { body.style.backgroundColor = "gray" sun.style.visibility = "visible"; moon.style.visibility = "hidden"; } }

 body { background-color: gray; }.sunv { visibility: visible; }.moonv { visibility: hidden; }

 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet" /> <i class="fas fa-sun sunv" id="sun" onclick="dwmode()"></i> <i class="fas fa-moon moonv" id="moon" onclick="dwmode()"></i>