JavaScript无法获取input输入框的值问题求助

问题描述 #

JavaScript可正常获取按钮的value属性值，但无法获取input输入框的value值，问题出在input输入框的代码或JS执行逻辑中。

原代码 #

HTML代码： #

<input type=“number” id=“inputs”/>

JavaScript代码： #

Const input = document.getElementById(“inputs”).value

问题原因及修复方案 #

• 中文引号错误：HTML属性和JS字符串使用了中文引号“”，浏览器仅识别英文引号""或''，这会导致属性解析失败，JS无法定位到正确的DOM元素。
• 变量声明语法错误：JS中常量声明应为小写的const，大写的Const是无效标识符，会引发语法错误。
• DOM加载时机问题：若JS代码在DOM树构建完成前执行，document.getElementById("inputs")会返回null，无法读取value。需确保JS在DOM加载完成后运行。

修正后的代码 #

HTML：

<input type="number" id="inputs"/>

JavaScript：

// 等待DOM加载完成后执行
document.addEventListener('DOMContentLoaded', () => {
  const inputValue = document.getElementById("inputs").value;
  console.log(inputValue);
});

内容的提问来源于stack exchange，提问作者ATdontMiss