我正在尝试创建一个普通ui,因为我正在添加一些任务,在这些任务中,我设置了taskInput而没有任何值作为警告(‘请添加任务’);但它甚至没有在taskInput中添加任何值,它在Dom中显示为列表项。
下面是我的简单表单,即使我们不在taskInput中放任何东西,它也会警告添加任务,但它又是在做一个空的列表项。
const form = document.querySelector('#task-form');
const filter = document.querySelector('#filter');
const taskList = document.querySelector('.collection');
const taskInput = document.querySelector('#task');
const clearBtn = document.querySelector('.clear-tasks');
function loadEventListeners(){
form.addEventListener('submit', addTask);
taskList.addEventListener('click', removeTask);
clearBtn.addEventListener('click',clearTasks);
filter.addEventListener('keyup', filterLi)
}
function addTask(e){
if(taskInput.value ===''){
alert('Please Add Task');
}
const li = document.createElement('li');
li.className = 'collection-item';
li.appendChild(document.createTextNode(taskInput.value));
const link = document.createElement('a');
link.className = 'delete-item secondary-content';
link.innerHTML = '<i class="fa fa-remove"></i>'
li.appendChild(link);
taskList.appendChild(li);
taskInput.value="";
e.preventDefault();
}发布于 2019-09-08 13:49:43
如果您不想在值为空的情况下创建列表项,则应在警告后返回:
if(taskInput.value ===''){
alert('Please Add Task');
return;
}否则,它将发出警报,然后继续创建一个空列表项。
https://stackoverflow.com/questions/57839493
复制相似问题