coderun test.txt

<div>

  <h2>Hero</h2>
  <p>Who am I?</p>

</div>


<button id="b1">Reveal me</button>
<button id="b2">Hide me</button>








body {

color: white;
font-family: "Helvetica";
font-size: 1.2em;

}

div {
width: 200px;
background-color: maroon;
padding: 10px;
border-radius: 25px;

}

button {

border-radius: 7px;
}





var heroHead = document.getElementsByTagName("h2");

var butt1 = document.getElementById("b1");

var butt2 = document.getElementById("b2");

butt1.addEventListener("click", function() {

  heroHead[0].textContent = "Iron Man";
});

butt2.addEventListener("click", function() {

  heroHead[0].textContent = "Hero";
});