JSFiddle - React, Tailwind, and code Playground

by Chris LaFrombois

HTML

<div id="btn-2-time"></div>
<div id="time_area"></div>
<button id="btn-2">button</button>

JavaScript

document.getElementById('btn-2').addEventListener('click', function displayTime() {
  if (time_area.style.display == 'none') {
    time_area.style.display = 'inline-block';
    document.getElementById('btn-2-time').innerHTML = 'Hide Time ';
    document.getElementById('time_area').innerHTML = new Date();
  } else {
    time_area.style.display = 'none';
    document.getElementById('btn-2-time').innerHTML = 'Show Time';
  }
});

setInterval(displayTime, 1000);