function ClearData() { inn.value=''; } const button = document.querySelector(".about"); const container = document.querySelector(".container"); const close = document.querySelector(".close"); const enter = document.querySelector(".enter"); const intro = document.querySelector(".intro"); const button2 = document.querySelector(".colophon"); const container2 = document.querySelector(".container2"); const close2 = document.querySelector(".close2"); const container3 = document.querySelector(".container3"); const close3 = document.querySelector(".close3"); button.addEventListener('click', () =>{ container.style.visibility = "visible"; container.style.opacity = 1; }); button2.addEventListener('click', () =>{ container2.style.visibility = "visible"; container2.style.opacity = 1; }); button.addEventListener('click', () =>{ container.style.visibility = "visible"; container.style.opacity = 1; }); close.addEventListener('click', () =>{ container.style.visibility = "hidden"; container.style.opacity = 0; }); close2.addEventListener('click', () =>{ container2.style.visibility = "hidden"; container2.style.opacity = 0; }); close3.addEventListener('click', () =>{ container3.style.visibility = "hidden"; container3.style.opacity = 0; }); enter.addEventListener('click', () =>{ intro.style.visibility = "hidden"; intro.style.opacity = 0; });