Osea quiero que los textos de mi array se resalten a un color(El rojo bajo), pero quiero que se resalten cuando el usuario de la pagina escriba tal palabra en un textArea. En pocas palabras que se resalten las syntaxis ya escritas en mi array.
var syntax = [
alerta: #E73F3F,
consola: #BEE73F,
voz: #BEE73F
];
var palabras = {"alerta", "consola", "voz"};
var TextoArea = document.querySelector(".Syntax");
while(true){
if(TextoArea.value == palabras[0,3]){
var code = document.createElement("code");
if(code.innerHTML == palabras[0]){code.style.color=syntax[0]};
if(code.innerHTML == palabras[1]){code.style.color=syntax[1]};
if(code.innerHTML == palabras[3]){code.style.color=syntax[3]};
}
}
Alguien me puede ayudar?
A lo que me refiero con esto esque quiero que el JavaScript detecte en todo momento lo que vaya a escribir un usuario en el textArea, si el JavaScript detecta que si escribe una variable de mi array "palabras" haga que se cree un "elemento Code" y que lo cambie de color segun la palabra que haya escrito en el textArea y el Code se traslade al textArea.