Mit Arrays die Farbe bestimmter Wörter in einem Eingabefeld ändern
So arbeite ich an einer JSFiddle und bin etwas verwirrt über etwas. Ich habe ein Eingabefeld namens myTextField mit einem zufälligen Absatz und einer Schaltfläche, die meine Änderungsfunktion aufruft. Wenn Sie auf die Schaltfläche klicken, wird der im Feld angezeigte Text nur darunter angezeigt, aber ich möchte, dass die Farben der Wörter geändert werden erscheinen in meinem Array, um die Farbe blau sagen zu lassen. Für jede Hilfe wäre ich dankbar. Ich bin ein Neuling in HTML / CSS / JS. Tut mir leid, wenn einige meiner Begriffe falsch sind.
MyHTML
<input type="text" id="myTextField" value ="his first entering a neighbourhood, this truth is so well fixed in the minds of the surrounding families, that he is considered the rightful property of some one or other of their daughters."/>
<input type="submit" id="byBtn" value="Change" onclick="change()"/>
<p id="title"></p>
Javascript
change = function(){
var matches = ["every", "most", "that", "half", "much", "the", "another", "her", "my", "their", "a", "an", "his", "neither", "these", "all",
"its", "no", "this", "any", "those", "both", "least", "our",
"what", "each", "less", "several", "which", "either", "many", "some",
"whose", "enough", "more", "such", "your"];
//if a value from array matches a value from myTextField
if (matches===document.getElementById('myTextField'))
{
//change color of said words
}
var myNewTitle = document.getElementById('myTextField').value;
var title = document.getElementById('title');
title.innerHTML = myNewTitle;
}