首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >而不添加任何值li自动创建

而不添加任何值li自动创建
EN

Stack Overflow用户
提问于 2019-09-08 13:48:20
回答 1查看 17关注 0票数 0

我正在尝试创建一个普通ui,因为我正在添加一些任务,在这些任务中,我设置了taskInput而没有任何值作为警告(‘请添加任务’);但它甚至没有在taskInput中添加任何值,它在Dom中显示为列表项。

下面是我的简单表单,即使我们不在taskInput中放任何东西,它也会警告添加任务,但它又是在做一个空的列表项。

代码语言:javascript
运行
复制
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(); 
}
EN

回答 1

Stack Overflow用户

发布于 2019-09-08 13:49:43

如果您不想在值为空的情况下创建列表项,则应在警告后返回:

代码语言:javascript
运行
复制
if(taskInput.value ===''){
    alert('Please Add Task');
    return;
}

否则,它将发出警报,然后继续创建一个空列表项。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57839493

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档