Quise ir un poco más allá, para esto añadí botones para agregar heroes según el input, puedo mostrarlos todos, también puedo quitar el último heroe
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Juego Secreto</title>
</head>
<body>
<h1>Heroes</h1>
<input type="text" id="input1">
<button type="submit" id="btn-anadir">añadir heroe</button>
<button type="submit" id="btn-quitar">Quitar último heroe</button>
<br>
<br>
<button type="submit" id="btn-mostrar">Mostrar Heroes</button>
<script>
function saltarlinea(){
document.write('<br><br>')
}
// evitar la fatiga del document.write
function imprimir(string){
document.write(string)
saltarlinea();
}
let input1 = document.getElementById("input1");
let input2 = document.getElementById("input2")
let mostrar = false
document.getElementById("btn-anadir").onclick = () => {
heroes.push(input1.value);
input1.value = "";
}
document.getElementById("btn-quitar").onclick = () => {
heroes.pop();
input.value = "";
}
document.getElementById("btn-mostrar").onclick = () => {
alert(heroes);
}
var heroes = ["Superman", "Thor", "Batman", "Mujer Maravilla"];
for( var i = 1; i < heroes.length; i++) {
if(heroes.some(hero => hero != "Superman")){
alert(heroes[i]);
}
}
</script>
</body>
</html>
