Javascript 无法查询输入

Javascript 无法查询输入,javascript,Javascript,嘿,我正在创建一个带有输入字段和按钮的动态模式。单击按钮后,将触发一个事件,并创建一个包含插入输入字段的数据的列表。问题是我总是收到输入为空的消息。这是我的密码 模式: 函数listmodel(){ var modalElement=document.createElement(“div”); var headerElement=document.createElement(“div”); var titleElement=document.createElement(“div”); var

嘿,我正在创建一个带有输入字段和按钮的动态模式。单击按钮后,将触发一个事件,并创建一个包含插入输入字段的数据的列表。问题是我总是收到输入为空的消息。这是我的密码

模式:

函数listmodel(){
var modalElement=document.createElement(“div”);
var headerElement=document.createElement(“div”);
var titleElement=document.createElement(“div”);
var bodyElement=document.createElement(“div”);
var closeButtonElement=document.createElement(“按钮”);
var inputElement=document.createElement(“输入”);
var buttonElement=document.createElement(“按钮”);
modalElement.className=“modal listModal”;
modalElement.classList.add(“活动”);
headerElement.className=“模态头”;
titleElement.className=“title”;
bodyElement.className=“模态体”;
closeButtonElement.className=“关闭按钮”
buttonElement.className=“listButton”;
titleElement.innerHTML=“创建新列表”;
inputElement.placeholder=“新建列表…”
buttonElement.innerHTML=“添加列表”;
头相关元素。附加子元素(标题元素);
headerElement.appendChild(closeButtonElement);
bodyElement.appendChild(inputElement);
modalElement.appendChild(headerElement);
modalElement.appendChild(bodyElement);
modalElement.appendChild(buttonElement);
document.body.appendChild(modalElement);
}
if(ev.target.className==“createListBar”){
listModal();
}
虚假的;
})
//创建列表
文档.添加的事件列表器(“单击”,功能(ev){
if(ev.target.className==“listButton”){
var target=event.target;
var modal=target.parentElement;
变量输入=模态查询选择器(“输入”);
var inputValue=input.value;
如果(inputValue==''){
警惕(“你必须写点什么!”);
}否则{
createList(inputValue);
modal.classList.remove('active');
}
input.value=“”;
}

})
问题在于您将ev作为事件对象传入,但在函数中使用event。你应该坚持ev或事件。例如:

//Create list
document.addEventListener("click", function(event) {

  if (event.target.className === "listButton") {

    var target = event.target;
    var modal = target.parentElement;
    var input = modal.querySelector("input");

    var inputValue = input.value;

    if (inputValue === '') {
      alert("You must write something!");
    } else {
      createList(inputValue);
      modal.classList.remove('active');

    }
    input.value = "";

  }

})

请查看console中的错误并修复它。您有5行代码在考虑。实际上,创建一个-很难理解您在DOMHey中有哪些元素,谢谢您的评论。我读了这篇文章,也发现了我的错误。不知何故,我的代码的另一部分创建了另一个模式,该模式与我查询的模式重叠