[SOLUCIONADO] como hacer (siguiente - atrás )

[felipeagudelo188]

Hola a todos , como podria hacer un siguiente y un atrás utilizando este array
gracias por sus respuestas

function myarray(){
var miArray = new Array();

miArray[0]="hola";
miArray[1]="como estas";
miArray[2]="hola dos";
miArray[3]="como estas2";



document.getElementById('carga').innerHTML=miArray[0];}

<a onclick="myarray()">atras</a><a onclick="myarray()">siguiente</a>

<div id="carga"></div>

[Alexis88]

Utiliza un contador para llevar el control de los elementos del array que estás mostrando y en cada enlace, envía un parámetro para indicar la dirección hacia la cual debe de avanzar el puntero dentro del array.

Código HTML:

<a onclick = "myarray('atras')">Atrás</a>
<a onclick = "myarray('adelante')">Siguiente</a>
<div id="carga"></div>
 

Código Javascript:

var miArray = new Array("hola", "como estas", "hola dos", "como estas2"),
    total = miArray.length,
    carga = document.getElementById('carga'),
    i = 0;
 
carga.innerHTML = miArray[i];
 
function myarray(dir){
    if (dir == "atras"){
        i = i - 1 < 0 ? total - 1 : --i;    
    }
    else{
        i = i + 1 > total - 1 ? 0 : ++i;
    }
    
    carga.innerHTML = miArray[i];
}
 

Por defecto, muestro al primer elemento del array (si deseas, no lo hagas así e inicializa el contador en -1). En la función, evalúo el valor del parámetro recibido; si este es igual a 'atras', el valor del contador disminuirá en uno siempre y cuando el valor resultante no sea menor a cero pues no existe la posición -1 en el array, caso contrario, se le otorga el valor de la última posición del array que equivale al total de elementos del array menos uno. Para avanzar, el proceso es similar, con la salvedad de que el valor del contador no puede ser mayor a la última posición del array; en ese caso, se regresa a la primera posición, caso contrario, se avanza una posición.

DEMO

Saludos

[felipeagudelo188]

Gracias por tus respuestas, muy efectivo ese codigo!!