Javascript 选项标记-更改文本区域字段中的字体大小

有人能帮我让这个脚本工作吗

我有两个文本框输入和输出，以及fontsize选择-选项标记，我想让它以这样一种方式工作，如果我选择任何选项，文本区域中的fontsize将被实时更改

thnks

函数myFunction（）{
{
var inputField=document.getElementById（'input'）；
var outputField=document.getElementById（'output'）；
var x=document.getElementById（“textareafontsize”）.value；
文件写入（“txt.fontsize（3）”；
文件写入（“txt.fontsize（5）”；
文件写入（“txt.fontsize（8）”；
文件写入（“txt.fontsize（10）”；
文件写入（“txt.fontsize（12）”；
文件写入（“txt.fontsize（14）”；
文件写入（“txt.fontsize（15）”；
文件写入（“txt.fontsize（18）”；
文件写入（“txt.fontsize（20）”；
文件写入（“txt.fontsize（24）”；
文件写入（“txt.fontsize（30）”；
}

文本区域字体大小

你好，世界
你好，世界


3.
5.
8.
10
12
14
15
18
20
24
30

您必须为

select

的

change

事件设置一个偶数处理程序，以便您可以在正确的时间执行代码来更改字体

然后，您所要做的就是将两个

textarea

元素

style.fontSize

设置为

select

的

value

。但是您还需要记住连接度量单位（我假设您想要这里的点）

您也不需要在每个

选项中指定
value=Nn
。如果未指定
值
，则
值默认为
选项的内容

注意事项：


函数中有一个额外的
{
，这是一种语法
错误
document.write（）
仅在创建全新文档时有用
windows/文档是动态的，您在这里没有这样做，因此
不要使用
document.write（）
txt.fontsize（3）
表示您有一个名为
txt
设置（您不需要设置）并且要调用
fontsize
该对象的方法，并将其传递给
3
语法完全错误


var inputField=document.getElementById（'input'）；
var outputField=document.getElementById（'output'）；
document.getElementById（“textareafontsize”）.addEventListener（“更改”，函数（）{
//元素有一个“style”属性，它返回一个公开所有CSS属性的对象
//带有连字符的CSS名称被转换为非hypen，而是camelCase。
inputField.style.fontSize=this.value+“pt”；
outputField.style.fontSize=this.value+“pt”；
})；
/*这些样式并不是使代码正常工作所必需的。它们只是用于
在堆栈溢出处显示*/
textarea{height:100px；width:40%；float:left；font size:3pt；}
div{clear:both；}
文本区域字体大小

你好，世界
你好，世界
3.
5.
8.
10
12
14
15
18
20
24
30
从学习如何在表单控件上使用事件开始。Stackoverflow不是免费的代码编写服务或“如何”教程服务。您需要研究基础知识yourself@charlietfl我试过但没有成功：（@ArbnorGrezda不客气。你的英语很好，但将来，你应该只在你的问题上加上标签，表明你在使用什么技术。thnks但是当我删除css样式并选择其中任何一个选项时，它会改变，textarea size你能帮我在没有css的情况下使它工作吗点击这里@ArbnorGrezda，你需要设置文本区域的大小，因为它们在没有设置的情况下会增长/收缩（如你所见）。CSS是解决这个问题的正确方法，正如我在代码中所展示的。好的，斯科特，谢谢你，如果不可能，就让它保持这种状态，谢谢你。