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";
});