Función para mostrar los elementos siguiente y anterior de un array

[josemar2000]

Tengo un array con varios elementos y me los muestra de tres en tres, entonces necesito una función asociada a un botón, para que cada vez que pulse este me actualice los datos y me muestre los siguientes 3 elementos, así hasta llegar al final y al llegar al último me salga un alert avisándome

<script type="text/javascript">
function escribe() {
var semana = new Array("Lunes","Martes","Miércoles","Jueves","Viern es","Sábado","Domingo");
texto = document.getElementById("dias");
for (i=0;i<3;i++){
texto.innerHTML += semana[i]+ "<br/>";
}
}
</script>

<input type="button" value="Pulsar" onmousedown="escribe()">
<p id="dias"></p>

[alberto510a]

Hola mira aquí te prepare un ejemplo:

Código Javascript:

<script type="text/javascript">
var inicio = 0;
var limite = 3;
 
function escribe() {
var semana = new Array("Lunes","Martes","Miércoles","Jueves","Viernes","Sábado","Domingo");
texto = document.getElementById("dias");
for (i=inicio;i<limite;i++){
if (i==7){
    alert('Fin de la cuenta');
    return;
    }
else {
texto.innerHTML += semana[i]+ "<br/>";
}
}
inicio +=3;
limite +=3;
}
</script>
 

Básicamente lo que se basa es en preparar unas variables fuera de la función y dentro de ella cada vez que se usan aumentan 3 y además en el bucle for comprobamos siempre si ha llegado al domingo y si es así te muestra el alert y sale del bucle.

Saludos!

[josemar2000]

He cambiado el if (i==7){
por
if (i==semana.length){
para que me coja el programa directamente el nº de elementos en vez de dárselos yo.

Ahora lo que te quería comentar es que cuando pulsando el botón de siguiente llegas al último elemento te sale el Alert, pero si vuelves a pulsar el botón te crea de nuevo el domingo y cada una de las veces que lo pulses y de lo que se trata es que cuando llegues al final ya no te lo cree más, se quede ahí tranquilo sin hacer nada.
Y otra cosilla más, yo lo que necesito también es que me actualice los datos, no que los añada, o sea, que al pulsar el botón sustituya los datos antiguos, por tanto que estos desaparezcan y sean sustituidos por los nuevos.

[alberto510a]

¿Estás seguro de que lo copiaste tal cual? Le hice un cambio pasados 5minutos de la publicación solucionando ese último problema.

Saludos!


PD: Edito, perdón ese último de añadir me faltó vuelvo a copiar tu script y lo soluciono y te publico.

[alberto510a]

Disculpa por la tardanza, pero estuve ocupado aquí tienes el script:

Código Javascript:

var inicio = 0;
var limite = 3;
 
function escribe() {
    
var semana = new Array("Lunes","Martes","Miércoles","Jueves","Viernes","Sábado","Domingo");
texto = document.getElementById("dias");
 
if (inicio<=6){
for (i=inicio;i<limite;i++){
    texto.innerHTML += semana[i]+ "<br/>";
    }
}
else{
    window.alert('Fin de la cuenta');   
}
 
 
if (inicio < 3 && limite < 6){
    inicio +=3;
    limite +=3;
}
else if (inicio == 3 && limite == 6){
    inicio+=3;
    limite++;
}
else{
inicio++;
}
 
 
}
 

Saludos!

[josemar2000]

Estás super disculpado por la tardanza y muy agradecido por lo que estás haciendo.

Siguiendo sobre el tema:

Yo lo que necesito también es que al pulsar el botón de siguiente me actualice los datos, no que los añada a continuación, o sea, que al pulsar el botón sustituya los datos antiguos, por tanto que estos desaparezcan y sean sustituidos por los nuevos, espero que se pueda hacer y que no sea muy complicado.

[alberto510a]

Hola, para eso solo tienes que agregar esta línea al principio de la función para que se resetee cada vez que inicias esta:

texto.innerHTML = '';

Quedaría así:

Código Javascript:

var inicio = 0;
var limite = 3;
 
function escribe() {
    
var semana = new Array("Lunes","Martes","Miércoles","Jueves","Viernes","Sábado","Domingo");
texto = document.getElementById("dias");
texto.innerHTML = '';
 
if (inicio<=6){
for (i=inicio;i<limite;i++){
    texto.innerHTML += semana[i]+ "<br/>";
    }
}
else{
    window.alert('Fin de la cuenta');   
}
 
 
if (inicio < 3 && limite < 6){
    inicio +=3;
    limite +=3;
}
else if (inicio == 3 && limite == 6){
    inicio+=3;
    limite++;
}
else{
inicio++;
}
 
 
}
 

[josemar2000]

Hola, esto no es exactamente lo que yo quiero, lo que yo busco es que al cargar la página SI me aparezcan los tres primeros elementos, y según voy pulsando el botón me vaya sustituyendo los datos anteriores por los nuevos, o sea, borrar unos y poner los siguientes en su lugar, hasta llegar al último día y cuando llegue ahí me salga el Alert pero deje ese último elemento en pantalla, o sea, que ese no lo borre.