Un ejemplo de utilización del push y el pop sobre un array en Javascript. Para la visualización de la información se utiliza ForEach.
<!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>4.5</title>
</head>
<body>
<h1>4.5</h1>
<p>Se introduce uno a uno elementos en un array y por otro lado, se van quitando</p>
<p>
Valor: <input type="text" placeholder="Texto a añadir" id="valor">
<button onclick="insertar()">Insertar</button>
<button onclick="quitar()">Quitar</button>
</p>
<input type="button" value="Reiniciar" onclick="reiniciar()">
<p id="resultado"></p>
<script>
var array = [];
function quitar() {
array.pop();
document.getElementById("resultado").innerHTML = "";
array.forEach(muestra);
}
function insertar() {
var txt = document.getElementById("valor").value;
array.push(txt);
document.getElementById("resultado").innerHTML = "";
array.forEach(muestra);
}
function muestra(ele, ind, arr) {
document.getElementById("resultado").innerHTML += "Ind:" + ind + " elemento: " + ele + "<br>";
}
function reiniciar() {
location.reload();
}
</script>
</body>
</html>
