JSFiddle - React, Tailwind, and code Playground

by jubair

HTML

<input onclick="change()" type="button" value="Open Curtain" id="button1"/>
<br/>
<span class="p2">Hidden text</span> Test for more <span class="p2">Hidden text</span> test again. <span class="p2">Hidden text</span>

JavaScript

function change() {
    var test = document.getElementById("button1");
    if (test.value == "Hide Spoiler") {
        test.value = "Open Spoiler";
        $('.p2').css('background-color','black')
        
    }
    else {
        test.value = "Hide Spoiler";
        $('.p2').css('background-color', 'transparent')
        
    }
}