使用文本区域、按钮和 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。另外，当您应该将其分配给变量名称时，您正在将其分配给字符串，因此请去掉这些引号。此外，您在警报中错误地插入了变量：&nbsp;alert('Font Size Changed to ${InputValue}')&nbsp;为此您需要使用反引号，而不是单引号var&nbsp;InputValue&nbsp;=&nbsp;document.getElementById('input').value; document.getElementById('MainText').style.font-size&nbsp;=&nbsp;'InputValue';应该：var&nbsp;inputValue&nbsp;=&nbsp;document.getElementById('input').value; document.getElementById('MainText').style.fontSize&nbsp;=&nbsp;inputValue&nbsp;+&nbsp;'px';