JSFiddle - React, Tailwind, and code Playground
JavaScript
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";
}
};
window.onload= function() {
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');
}
};