JSFiddle - React, Tailwind, and code Playground

by Richard Hunter

HTML

<div id="container" class="container">
  <button id="foo">click this</button>
</div>

<button id="bar">show / hide</button>

CSS

.container {
  background: pink;
  padding: 10px;
}

button {
  margin: 10px;
}

.hide {
  display: none;
}

JavaScript

const bar = document.getElementById('bar');

document.querySelector('#foo').addEventListener('click', () => {
  console.log('this is foo');
})

bar.addEventListener('click', () => {
  console.log('hi');
  document.querySelector('#container').classList.toggle('hide');
});