如果键入的文本不是静态的，您如何突出显示？

Question

我想要的例子。

我有两个Textareas。一个包含单个单词列表，每行一个，这个列表每次都不一样。

我的第二个文本区域将用于用户输入。我的目标是在第二个文本区域中键入该单词时突出显示第一个文本区域中的单词。我附上了一张示例照片，展示了我想要完成的任务。

示例：http://imgur.com/a/I27eO

我的代码只是将一个单词列表推入第一个文本区域并将它们分开。我正在寻找有关如何突出所需单词的帮助。

<textarea class="col-md-3" id="inputArray1" rows="20" cols="10" placeholder="Input1"></textarea>
<textarea class="col-md-3" id="inputArray2" rows="20" cols="10" placeholder="Input2"></textarea>

//holding input values for text area
var InputVar = document.getElementById("inputArray1").value;
var InputVar2 = document.getElementById("inputArray2").value;

//holding output values for text area
var OutputVar = document.getElementById("outputArray1");
var OutputVar2 = document.getElementById("outputArray2");

// takes string and breaks into substring array of words
var SplitString = InputVar.split(/[\s]+/g);

//displays list of words in 2nd text area
OutputVar.value = SplitString;