Cacher is the code snippet organizer for pro developers

const toggleList = document.querySelector('#toggleList');
const listDiv = document.querySelector('.list');
const input = document.querySelector('input');
const p = document.querySelector('p.description');
const button = document.querySelector('button');

// click event
toggleList.addEventListener('click', () => {
  if ( listDiv.style.display == 'none' ) {
    listDiv.style.display = 'block';
    toggleList.textContent = 'Hide List';
  } else {
    listDiv.style.display = 'none';
    toggleList.textContent = 'Show List';
  }
});