<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
#seleccion {font-weight:bold;} </style>
</head>
<body>
<p>
<input type="button" value="hacia atrás" onclick="anterior()">
<input type="button" value="hacia delante" onclick="siguiente()">
</p>
<p id="elementos"></p>
<p>Seleccion actal del array: <span id="seleccion"></span></p>
</body>
</html>
<script>
const frutas=["Manzana", "Banana", "Mango", "Pera"];
let posicion=0;
const mostrarFruta = (nuevaPosicion) => { posicion=nuevaPosicion;
document.getElementById("seleccion").innerHTML=frutas[posicion]; document.getElementById("elementos").innerHTML=frutas.map((el, index) => posicion==index ? "<b>"+el+"</b>" : el).join(", ");}
mostrarFruta(posicion);
const siguiente = () => mostrarFruta((posicion+1)>=frutas.length ? 0 : posicion+1);
const anterior = () => mostrarFruta((posicion-1)<0 ? frutas.length-1 : posicion-1);
</script>
Crear cuenta
Comentarios sobre la versión: Versión 1.0 (0)
No hay comentarios