Tengo un formulario con 2 inputs y necesito que muestre el nombre con el color correspondiente al valor del input COLOR.
Por ejemplo: si el valor de nombre es "Jorge" y el de color es "rojo", que imprima Jorge en color rojo y no consigo hacerlo.
Se puede utilizar un CASE para asignarle a cada elemento del array un color o se podría hacer mediante un forEach que valide el color y se lo asigne al nombre, dejo el código por si alguien pudiera ayudarme:
function muestraConColor() {
var colores = ["rojo","verde","azul","amarillo","rosa","marron","violeta","naranja"];
var nombre= document.getElementById("nombre_form").value;
var color= document.getElementById("color_form").value;
document.getElementById("div").innerHTML = nombre;
}
NOMBRE<input type="text" id="nombre_form"></input>
COLOR<input type="text" id="color_form""></input>
<input onclick="muestraConColor()" type="button" value="AÑADE PARTICIPANTE"></input>