Hide Button

Remove 'single-use' button.

by trentHarlem

HTML

<button id="myTarget">
SUBMIT
</button>
<button class="myClass">
SUBMIT
</button>

CSS

#myTarget {
  height: 100px;
  width: 100px;
  background-color: dodgerblue;
}
.myClass {
  height: 100px;
  width: 100px;
  background-color: greenyellow;
}

JavaScript

myTarget = document.getElementById("myTarget"),
  myTarget.addEventListener("click", function() {
   myTarget.classList.add(`poof`);
    myTarget.style.display = 'none';
    console.log(this.className)
  });

myClass = document.getElementsByClassName("myClass"),
  myClass.addEventListener("click", function() {
   myClass.classList.add(`poof`);
    myClass.style.display = 'none';
    console.log(this.className)
  });