javascript从1个文本区域到多个文本区域的实时更新

我想有一个主文本区，你可以键入任何东西，它将在实时更新多个文本区显示不同字体的键入字母

例如： 主文本区：

<textarea id="textField0" autocomplete="off" style="font-family:'Alex Brush';" 
onkeyup="javascript:setFontText(this.value);" rows="2" name="textField0"></textarea>

<textarea id="Courier new" class="fontTextArea2" style="font-family:courier_newregular;" 
autocomplete="off" name="Courier new"></textarea>

<textarea id="Arial Black" class="fontTextArea2" style="font-family:arialblack; " 
autocomplete="off" name="Arial Black"></textarea>

多文本区域：

<textarea id="textField0" autocomplete="off" style="font-family:'Alex Brush';" 
onkeyup="javascript:setFontText(this.value);" rows="2" name="textField0"></textarea>

<textarea id="Courier new" class="fontTextArea2" style="font-family:courier_newregular;" 
autocomplete="off" name="Courier new"></textarea>

<textarea id="Arial Black" class="fontTextArea2" style="font-family:arialblack; " 
autocomplete="off" name="Arial Black"></textarea>

如何为setFontText（）编写javascript

---

谢谢

您可以这样做：

function setFontText(text) {
   document.getElementById("Courier_new").innerHTML = text;
   document.getElementById("Arial_Black").innerHTML = text;
}

我还建议您将

id

s更改为不包含空格的内容

---

示例：

我将事件处理程序从内联转换为javascript，只需在css中生成所需的字体即可

var areatwo=document.getElementById（'two'）；
var areathree=document.getElementById（'three'）；
document.addEventListener（'keydown'，setFontText）；
文件。addEventListener（'keyup'，setFontText）；
函数setFontText（）{
var textareavalue=document.getElementById（'one'）.value；
Area2.value=文本AreaValue；
areathree.value=文本AreaValue；
}

#两个{字体系列：courier_newregular；}
#三{font-family:arialblack；}

到目前为止你有什么？我不是被否决的那个人。你的方式看起来更干净，但我只是想找一些粗糙的东西来处理html和避免css。谢谢你的意见！我的一个将样式、脚本和html分开，而上面的一个将它们混合在一起，这不是一个好的实践