Javascript Hide Button

by shraddhapaghdar

HTML

<input type="button" id="btn-1" value="Show" onClick="hideAction();" />
<input type="button" id="btn-2" value="Hide" onClick="hideAction();"/>

<br/>
<br/>

<input type="button" id="btn-3" value="Show" onClick="displayAction();" />
<input type="button" id="btn-4" value="Hide" onClick="displayAction();"/>

JavaScript

let hidden = false;

function hideAction() {
  hidden = !hidden;
  if (hidden) {
    document.getElementById('btn-1').style.visibility = 'hidden';
  } else {
    document.getElementById('btn-1').style.visibility = 'visible';
  }
}

function displayAction() {
  hidden = !hidden;
  if (hidden) {
    document.getElementById('btn-3').style.display = 'none';
  } else {
    document.getElementById('btn-3').style.display = 'block';
  }
}