JSFiddle - React, Tailwind, and code Playground

by Dark Hole

JavaScript

window.onerror = alert;

var page_cover = document.getElementsByName('.page_cover');
var logo = document.createElement('div');
var side_bar_inner = document.getElementById('side_bar_inner');
logo.innerHTML = '<a id="toggler" href="#">Script</a><div id="box" style="display: none;"><input type="checkbox" id="rem">Удалить логотип</div>';
logo.style = 'width: 150px';
side_bar_inner.appendChild(logo);


window.onload= function() {
	if(localStorage.getItem('rem') == "true") {
    document.getElementById("rem").setAttribute('checked','checked');
    document.querySelector(".page_cover").style.display = "none";
    }
    document.getElementById('toggler').onclick = function() {
        openbox('box', this);
        return false;
    };
};
function openbox(id, toggler) {
    var div = document.getElementById(id);
    if(div.style.display == 'block') {
        div.style.display = 'none';
        toggler.innerHTML = 'Script';
    }
    else {
        div.style.display = 'block';
        toggler.innerHTML = 'Script';
    }
}

document.getElementById('rem').onclick = function() {
    if(document.getElementById('rem').checked) {
        localStorage.setItem('rem', "true");
      document.querySelector(".page_cover").style.display= "none";
        localStorage.setItem('text', "true");
    } else {
        localStorage.removeItem('rem', "false");
        document.querySelector(".page_cover").style.display = "";
        localStorage.removeItem('text');

    }
};