Javascript 未捕获类型错误：无法读取属性'；价值'；

所以我试图创建一个基本函数，将username变量设置为小写，但我一直收到一个TypeError

错误消息：index.js:12未捕获类型错误：无法读取未定义的属性“value” 在HTMLFormElement.onSubmit（index.js:12）

如果有人能知道我在这里做错了什么，我将不胜感激

const logform=document.querySelector（“#logform”）；
var username=document.querySelector（“#usernameinput”）；
const password=document.querySelector（“#passwordinput”）；
logform.addEventListener（“提交”，提交时）；
函数onSubmit（e）{//接受事件参数
e、 预防默认值（）；
var username=username.value.toLowerCase（）；
console.log（username.value）；
}

寻找登录页面
用户名
密码
取消

我认为这可能是与

用户名的命名冲突。见下文：

const elUsernameInput=document.querySelector（“#usernameinput”）；
const elPasswordInput=document.querySelector（“#passwordinput”）；
logform.addEventListener（“提交”，提交时）；
函数onSubmit（e）{//接受事件参数
e、 预防默认值（）；
const username=elUsernameInput.value.toLowerCase（）；
console.log（username.value）；
}

如果这不起作用：


确保您的脚本包含在HTML中的输入字段和表单字段之后
确保在某个地方设置了
logform
。您可能需要另一个查找，如
const elLogForm=document.querySelector（“#logform”）
确保脚本中指定的
id
s出现在正确的元素上
您需要提供更多信息，如html代码和日志输出。id=“usernameinput”为表单字段的元素在变量赋值时是否存在？请尝试console.log（用户名）。。。您已经将username设置为字符串类型或其他类型，但没有对象从
中删除链接，并将var从username重命名为您正在跟踪的用户
username
。
username.value.toLowerCase（）
中的
username
指的是您在同一行中声明的
username
，而不是您在顶部声明的。（肯定有什么地方被愚弄了。）