Replacing HTML Text with Javascript

Comments (0)

Views (167)

Hello, I needed the following code block to make a light and dark theme in a project, I wanted to share it with my fellow developers. I hope the code will be useful for you :)

<div id="divs" onclick="fun()">Light</div>
<script>
    let div = document.getElementById("divs"),
        open = true;
    function fun(){
        if (open) {
            div.innerHTML = 'Light';
        } else {
            div.innerHTML = 'Dark';
        }
        open = !open
    }
</script>

When you are stuck while you are coding or when you need to relax yourself comment section is waiting for you. Ask what you don't know, answer what you know !