Javascript 我创建了这组函数,但我没有';我不知道为什么会出现这样的错误:未捕获引用错误:未定义用户名

Javascript 我创建了这组函数,但我没有';我不知道为什么会出现这样的错误:未捕获引用错误:未定义用户名,javascript,Javascript,我不知道为什么会出现以下错误:未捕获引用错误:未定义用户名 函数背后的思想是创建输入元素,然后将它们附加到表单和覆盖 const signup_nav=document.querySelector(“.signup”); //创建元素 //第一个函数创建一个元素输入类型 函数createInput(变量名称、输入类型、输入类、输入占位符){ 让variableNames=document.createElement(“输入”); variableNames.type=“””+inputType

我不知道为什么会出现以下错误:未捕获引用错误:未定义用户名

函数背后的思想是创建输入元素,然后将它们附加到表单和覆盖

const signup_nav=document.querySelector(“.signup”);
//创建元素
//第一个函数创建一个元素输入类型
函数createInput(变量名称、输入类型、输入类、输入占位符){
让variableNames=document.createElement(“输入”);
variableNames.type=“””+inputType+“”;
variableNames.placeholder=“”+inputPlaceholder+”;
variableNames.className=inputClass;
返回变量名称;
}
//第二个创建输入
//创建输入
函数createForm(){
createInput(用户名、文本、用户名输入、用户名);
createInput(电子邮件、电子邮件、电子邮件输入、电子邮件);
createInput(密码、密码、密码输入、密码1);
createInput(重新键入密码、密码、重新键入密码输入、密码2);
createInput(提交注册,提交,提交注册,提交);
返回createInput();
}
//最后一个将所有内容附加到表单,最后附加到覆盖
//将元素附加到父元素
函数createFull(){
//创建覆盖div
const overlay=document.createElement(“div”);
overlay.className=“overlay”;
document.querySelector(“body”).appendChild(覆盖);
//创建div元素
//将其附加到主覆盖中
const overlayWrapper=document.createElement(“div”);
OverlawRapper.className=“OverlawRapper”;
overlay.appendChild(OverlawRapper);
//创建表单
//将其附加到包装器div
const form_signup=document.createElement(“表单”);
form\u signup.className=“form\u signup”;
附加子项(表_注册);
//将输入附加到表单
表单_signup.appendChild(createForm());
返回叠加;
}
//单击事件-显示覆盖
//在单击事件时调用最后一个函数
注册导航添加列表(“单击”,ev)=>{
让evObject=ev.target;
ev.preventDefault();
if(evObject.className==“注册”&&evObject.tagName==“A”){
console.log(evObject);
createFull();
}
});
中的


您正在使用大写为“U”的用户名,在其他地方,您只看到字段和变量使用小写。可能是打字错误?

上面说“用户名”没有定义。有什么不清楚的?你有什么理由认为应该定义它吗?你没有定义“username”变量。是否要从DOM中获取用户名的值,因为您可能已将id设置为“username”,并将其与变量名混淆?我不想从DOM中获取username元素,我只想使用函数生成它并在单击时附加它
 function createForm() {
          createInput(username, text, username_input, Username);