使用文本区域、按钮和 javascript 设置自定义字体大小

Question

我正在尝试设置一些代码，用户可以在其中输入数字<textartea>并单击按钮，这将<textarea>通过编辑Style属性来设置另一个的字体大小。我尝试了以下方法：<h2>Set Font</h2><textarea id='input'></textarea><button onclick ="myFunction()">Click</button><textarea id='MainText' style="font-size:18px;"></textarea><script>function myFunction(){  var InputValue = document.getElementById('input').value;  document.getElementById('MainText').style.font-size = 'InputValue';  alert('Font Size Changed to ${InputValue}')}我不知道该怎么办。

Answer 1

这里有一些语法错误。您正在使用 JS 来执行此操作，因此您需要使用驼峰命名法fontSize。另外，当您应该将其分配给变量名称时，您正在将其分配给字符串，因此请去掉这些引号。此外，您在警报中错误地插入了变量： alert('Font Size Changed to ${InputValue}') 为此您需要使用反引号，而不是单引号

var InputValue = document.getElementById('input').value;
document.getElementById('MainText').style.font-size = 'InputValue';

应该：

var inputValue = document.getElementById('input').value;
document.getElementById('MainText').style.fontSize = inputValue + 'px';