[SOLUCIONADO] Comparar dos arrays indicando las igualdades

[danielcenoz]

:neurótico Hola, trato de hacer un script que compare un array llamado "respuestas" con el contenido de los inputs de una lista ( recogida en el array "ids"). Conseguí un poco de ayuda pero este escript solo funciona para el último par "respuesta/Id", los demás aparecen pintados en rojo, como incorrectos... Sabrían decirme que está mal? Desde ya, gracias!

Código:

function Corregir(){
	var respuestas=['estudié', 'estoy', 'es', 'lloverá', 'terminé', 'son', 'viajo'];
	var ids=['q1', 'q2', 'q3', 'q4', 'q5', 'q6', 'q7']; /* id de los campos "input"* del ejercicio/
	

		for (var i = 0; i < respuestas.length; i++) {
				for (var x = 0; x < ids.length; x++) {
					
		var myInput = document.getElementById(ids[x]);
	if(myInput.value==respuestas[i]){
	    myInput.style.backgroundColor='green';}
	else { myInput.style.backgroundColor='red';	}}}}

[PHPeros]

No es necesario anidar dos bucles... de hecho no debes hacerlo.

[danielcenoz]

Cómo lo puedo arreglar, entonces? La verdad es que no tengo idea de cómo ordenar correctamente la lógica... (soy un aficionado...)

[Alexis88]

Bienvenido a FDW.

Solo necesitas recorrer el array de los identificadores de las cajas de texto y, en cada iteración, verificar si el valor de la caja de texto actual en la iteración se encuentra en el array respuestas, para lo cual puedes usar el método indexOf, el cual devuelve el índice en el cual se encuentra el valor buscado en el array o -1 si es que no está. Una vez obtenido el valor, puedes pintar el fondo de la caja de texto del color que decidas.

Y solo por si buscas compatibilidad con viejos navegadores (que cada vez son menos usados), puedes utilizar el algoritmo explicado en esta sección.

Saludos

[danielcenoz]

Yo obtuve una respuesta en outro foro. La verdade que programo por hobby y todavia me falta mucho para resolver mis dudas consultando documentación (aunque la leo bastante...). Entendi que no necesitaba hacer loop por ambos arrays como me sugerieron pero nunca llegaría solo a la solución:

Código:

for (var i = 0; i < ids.length; i++) {
    myInput = document.getElementById(ids[i]);
    if(myInput.value==answers[i]){
        myInput.style.backgroundColor='green';
    }
    else {
        myInput.style.backgroundColor='red';
    }
}

Gracias!

[Alexis88]

Solo te falta usar el método indexOf y quitar la comparación que estás haciendo.

Código Javascript:

if (answers.indexOf(myInput.value) > -1){
    myInput.style.backgroundColor = 'green';
}
else{
    myInput.style.backgroundColor = 'red';
}
 

La documentación que te pasé tiene ejemplos, debiste de verlos o preguntar sobre lo que no entendías sobre ellos.

Saludos

[PHPeros]

Que no me entere yo que posteas en otros foros, ¡eh!

Alexis88, con tu ejemplo efectivamente compruebas si un valor aparece en el array, pero, ¿si el orden importase? Es decir, si fuera:

q1 = 'estudié'
q2 = 'estoy'
q3 = 'es'

[...]

[Alexis88]

Pues, no ha mencionado nada acerca del orden.

[PHPeros]

Era una indirecta