JavaScript

Selecting DOM Elements

<button id="hide-text">Hide the text</button>
<p>Is this text visible?</p>
<button id="show-text">Show the text</button>

let hideText = document.querySelector("#hide-text");
let showText = document.querySelector("#show-text");

let nextElem = ;
let prevElem = ;

hideText.addEventListener('click', () => {
  nextElem.style.display = "none";
});

showText.addEventListener('click', () => {
  prevElem.style.display = "block";
});


let hideText = document.querySelector("#hide-text");
let showText = document.querySelector("#show-text");

let nextElem = hideText.nextElementSibling;
let prevElem = showText.previousElementSibling;

hideText.addEventListener('click', () => {
  nextElem.style.display = "none";
});

showText.addEventListener('click', () => {
  prevElem.style.display = "block";
});
