Javascript 将输入值绑定到另一个元素的样式

我有以下代码

这是我的输出

使用jquery的

.css

函数

$（'#in'）.keyup（函数（）{
$（“#out”）.css（'font-size'，$（'#in'）.val（）+“px”）
})

这是我的输出

当触发事件时，您必须使用JQuery中的函数应用CSS（这里是keyup）

这是我的输出
$（'#in'）。在（'keyup'，函数（）{
$（'out'）.css（{'font-size'：$（this.val（）}）；
});

使用纯javascript：

const inp=document.querySelector（“#inp”）；
const out=document.querySelector（“out”）；
inp.addEventListener（“键控”，函数（）{
out.style.fontSize=inp.value+“px”；
})

这是我的输出

检查这把小提琴：

更改字体大小之前，您需要验证信息：

<input id="in" value="18px"/>
<div id="out">this is my output</div>  
$(function() {
    $("#in").on('input',function(e){
    $("#out").css("fontSize", $("#in").val());
  });

});  
https://jsfiddle.net/3vhdfruq/1/

这是我的输出
$（函数（）{
$（“#in”）.on（'input'，function（e）{
$（“#out”）.css（“fontSize”，“$（“#in”）.val（））；
});
});  
https://jsfiddle.net/3vhdfruq/1/

var-inp=document.querySelector（“#inp”）；
var out=document.querySelector（“out”）；
inp.addEventListener（“键控”，函数（）{
out.style.fontSize=inp.value+“px”；
})

这是我的输出

使用和。如果您需要特定的帮助，请编辑问题以包括您自己解决此问题的尝试。（1）读取输入值（2）设置字体大小[为每个输入更改执行此操作]是否有人可以解释downwotes？更新了OP，添加了约束为什么每个人都使用keyup事件？实际上，只有在字段被聚焦并执行输入的情况下才启动applicationkeyup dependentworks是不起作用的。对不起，我没有得到它。加载时是否要更改？加载脚本时，只需调用“$（“#out”）.css（“fontSize”，$（“#in”）.val（））；”。。。