无法将输入元素类型“范围”中的值分配给JavaScript中的变量

佩雷索索

大家。

我正在尝试从Input元素类型“ range”中获取值并将其分配给变量,但我一直在获取“ undefined”类型。能否请您提出建议,为什么会发生这种情况,以及如何为变量分配类型“范围”值?

let n;

let range = document.getElementById('range');
range.min = '0';
range.max = '100';
range.step = '1';
range.value = '20';

range.addEventListener('input', () => {
  if (this.value > 0 && this.value < 100) {
    n = this.value;  
  }
});

console.log(n);
'undefined'

提前谢谢了!

弗朗西斯科

更改input以查看印刷在上的beeing值console

替换thisrange

let n;

let range = document.getElementById('range');
range.min = '0';
range.max = '100';
range.step = '1';
range.value = '20';

range.addEventListener('input', () => {
  if (range.value > 0 && range.value < 100) {
    n = range.value;  
  }
  console.log(n);
});
<input id="range" type="range">

this是指node(HTML DOM元素)和range您指定的input

就像@Taplar提到的一样,console.log()它也必须在函数内部。

关于nodes的更多信息可以在这里找到:Node对象和Element对象之间的区别?

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

错误“无法将'dynamic'类型的值分配给'String'类型的变量。在Dart 2.2中

将数组中的值分配给javascript中的变量

无法将值分配给java中的“最终”变量

无法将JSON值分配给HTML中的变量

无法将文本值分配给事件处理程序中JQuery元素的变量

将按钮的值分配给原始JavaScript中的变量

将多个变量分配给Javascript中的相同值

如何将列表中的值、用户输入的代码中的值分配给变量

将Ruby块中的变量分配给更高范围

将范围分配给C ++中的变量

如何将动态创建的输入字段中的值分配给Python中的各个变量

无法将变量分配给C中的外部变量

将列表中的值分配给 Python 中的变量

无法将“Null”类型的值分配给 const 构造函数中“String”类型的参数

快速操场中的错误:无法将类型“Int”的值分配给类型“[Int]”

将 TupleN 值分配给 *: 类型变量如何在 Scala 3 中工作?

您可以将丰富数据类型的值分配给 Excel VBA 中的变量吗?

无法将行数分配给plpgsql中的变量

Java 8:将流中的值分配给变量?

Prolog:将值分配给谓词中的变量

将选择值分配给PostgreSQL 9.3中的变量

将嵌套值分配给 Splunk 中的变量

将类别值分配给r中的多个变量

将元组的值分配给 Scala 中的单个变量

jq - 将变量中的值分配给键名

将列值分配给 mssql 中的变量

将值分配给Postman中的变量

将函数链中的返回值分配给javascript中的变量

无法将通用值分配给扩展中的协议associatedType变量