在js方法中改变文本输入框text的字体和背景颜色

在做项目时遇到需要通过鼠标触发事件，然后在js函数中改变text文本域的颜色，下面是具体的操作，写下来帮助记忆：

function setColor (where, Color) {
    if (where == "backgroundcolour")
        document.getElementById('textarea').style.backgroundColor = Color;
    if (where == "colourtext")
        document.getElementById('textarea').style.color = Color;
}

<p>
  Card color: <input type = "text"  name = "backgroundcolour" 
                           size = "10"
                           onchange = "setColor('backgroundcolour',
                                               this.value)">
  <br>
  Text color: <input type = "text"  name = "colourtext" 
                           size = "10"
                           onchange = "setColor('colourtext',
                                               this.value)">
  <br>
</p>
<textarea id = 'textarea' name="data" cols="100" rows="10">

</textarea>