JSFiddle - React, Tailwind, and code Playground

by hiteshbhilai2010

HTML

<button name='play' id='play' value='play' onclick='play();'>Play</button>
            <button name='pause' id='pause' value='pause' onclick='pause();'  >Pause</button>

CSS

#pause
{display: none;}

JavaScript

function play() {
        document.getElementById('play').style.display = 'none';
        document.getElementById('pause').style.display = 'inline-block';
    }
    function pause() {
        document.getElementById('pause').style.display = 'none';
        document.getElementById('play').style.display = 'inline-block';
    }