Lo que quiero lograr es cambiar el color del texto de la variable c, por el color que escoja el usuario en una lista desplegable (select
). Pero no cambia el color, solo queda en rojo, ¿por qué?
Mi código es éste:
function ciclos() {
var arrayU = new Array(3);
var f;
for (f=0;f<arrayU.length;f++) { // ARRAY LENGTH = 3 = FOR = 0, 1 , 3
var v = prompt('Ingresa los 3 valores a multiplicar:','');
arrayU[f] = parseInt(v);
}
var total = 1;
//var multiplicacion;
//var number;
for (f=0;f<arrayU.length;f++) {
total = arrayU[f] * total;
}
function color(opcion) {
this.value = opcion;
c = document.getElementById('total');
c.innerHTML = total;
if (opcion == 'verde') {
c.style.color = "blue";
}
else {
c.style.color = "red";
}
}
color();
}
<input type="button" value="Multiplicacion DE VALORES MEDIANTE CICLOS, ARRAYS Y ACUMULADOR" onClick="ciclos();"/>
<b>La multiplicación de los valores es: </b><b id="total"></b>
<select onchange="color(this.value)">
<option value="rojo">Rojo</option>
<option value="azul">Azul</option>
<option selected value="verde">Verde</option>
</select>