Quería saber cómo puedo hacer para comparar el valor que tiene una etiqueta h1 con id="titulo" que cambiara por unas cadena de texto dentro de un array al hacer click con un botón, con un String. Va a tener varias validacion por lo cual me gustaria hacerlo de una manera que sea legible y entendible. Les dejo un link de codepen donde lo estoy haciendo.
```
<div class="container text-center py-1">
<h1 id="titulo" class="display-3 py-5">No toques el boton rojo</h1>
<button id="boton" class="btn btn-danger p-3">Boton</button>
</div>
let titulo = document.getElementById("titulo");
let boton = document.getElementById("boton");
let fraces = [
'Dije que no lo presiones',
'Me cansaste...',
'Mira! Te lo hice invisible, que vas hacer ahora ?',
'Te odio.'
];
//Cambiar el titulo al hacer click
boton.onclick = function(){
next();
}
//Cambiar el titulo
let pos = -1;
function next(){
pos = pos + 1;
let nextFraces = fraces[pos];
titulo.innerHTML = nextFraces;
};
//Ejecuciones segun el valor del titulo
if( titulo.textContent == 'Mira! Te lo hice invisible, que vas hacer ahora ?'){
boton.style.transition = "all 0.5s";
boton.style.opacity = "0";
}else{
boton.style.opacity = "1";
boton.style.transition = "all 0s";
};