如何停止Javascript中发生的事件

在这个简单的待办事项列表中，当文本字段中没有任何内容时，如何阻止程序继续创建新段落。当

Add To List

为空时，我希望函数仅输出警报，而不输出其他内容。我尝试过很多事情，但都没有成功。非常感谢您的帮助。谢谢

JS小提琴=

---

将

if

语句移到顶部，就在

输入

变量被赋值之后，向其添加一个

返回

，以中断函数：

function addText() {
    var input = ...;

    if (input == "") {
        alert("...");
        return;
    }

    var node ...;
    ...
}

在函数中调用return语句时，此函数的执行将停止。如果指定，将向函数调用方返回给定值。如果省略表达式，则返回undefined。（）

---

将

if

语句移到顶部，就在

输入

变量被赋值之后，向其添加一个

返回

，以中断函数：

function addText() {
    var input = ...;

    if (input == "") {
        alert("...");
        return;
    }

    var node ...;
    ...
}

在函数中调用return语句时，此函数的执行将停止。如果指定，将向函数调用方返回给定值。如果省略表达式，则返回undefined。（）

---

将

if

语句移到顶部，就在

输入

变量被赋值之后，向其添加一个

返回

，以中断函数：

function addText() {
    var input = ...;

    if (input == "") {
        alert("...");
        return;
    }

    var node ...;
    ...
}

在函数中调用return语句时，此函数的执行将停止。如果指定，将向函数调用方返回给定值。如果省略表达式，则返回undefined。（）

---

将

if

语句移到顶部，就在

输入

变量被赋值之后，向其添加一个

返回

，以中断函数：

function addText() {
    var input = ...;

    if (input == "") {
        alert("...");
        return;
    }

    var node ...;
    ...
}

在函数中调用return语句时，此函数的执行将停止。如果指定，将向函数调用方返回给定值。如果省略表达式，则返回undefined。（）

您可以只移动else块中的“创建”部分

var input = document.getElementById('inputTask').value;

if (input == "") {
    alert('Please add an entry');

} else {

var node=document.createElement("p");
var textnode=document.createTextNode(input)
node.appendChild(textnode);
document.getElementById('addTask').appendChild(node);

var removeTask = document.createElement('input');
removeTask.setAttribute('type', 'button');
removeTask.setAttribute("value", "Remove");
removeTask.setAttribute("id", "removeButton");
removeTask.addEventListener('click', function() {
    node.parentNode.removeChild(node);
}, false)
node.appendChild(removeTask);
}

您可以只移动else块中的“创建”部分

var input = document.getElementById('inputTask').value;

if (input == "") {
    alert('Please add an entry');

} else {

var node=document.createElement("p");
var textnode=document.createTextNode(input)
node.appendChild(textnode);
document.getElementById('addTask').appendChild(node);

var removeTask = document.createElement('input');
removeTask.setAttribute('type', 'button');
removeTask.setAttribute("value", "Remove");
removeTask.setAttribute("id", "removeButton");
removeTask.addEventListener('click', function() {
    node.parentNode.removeChild(node);
}, false)
node.appendChild(removeTask);
}

您可以只移动else块中的“创建”部分

var input = document.getElementById('inputTask').value;

if (input == "") {
    alert('Please add an entry');

} else {

var node=document.createElement("p");
var textnode=document.createTextNode(input)
node.appendChild(textnode);
document.getElementById('addTask').appendChild(node);

var removeTask = document.createElement('input');
removeTask.setAttribute('type', 'button');
removeTask.setAttribute("value", "Remove");
removeTask.setAttribute("id", "removeButton");
removeTask.addEventListener('click', function() {
    node.parentNode.removeChild(node);
}, false)
node.appendChild(removeTask);
}

您可以只移动else块中的“创建”部分

var input = document.getElementById('inputTask').value;

if (input == "") {
    alert('Please add an entry');

} else {

var node=document.createElement("p");
var textnode=document.createTextNode(input)
node.appendChild(textnode);
document.getElementById('addTask').appendChild(node);

var removeTask = document.createElement('input');
removeTask.setAttribute('type', 'button');
removeTask.setAttribute("value", "Remove");
removeTask.setAttribute("id", "removeButton");
removeTask.addEventListener('click', function() {
    node.parentNode.removeChild(node);
}, false)
node.appendChild(removeTask);
}

---

成功了！非常感谢你！从这里的帮助中学到了很多！成功了！非常感谢你！从这里的帮助中学到了很多！成功了！非常感谢你！从这里的帮助中学到了很多！成功了！非常感谢你！从这里的帮助中学到了很多！也不要忘了修剪你的输入值<代码>“”！=“”也不要忘记修剪输入值<代码>“”！=“”也不要忘记修剪输入值<代码>“”！=“”也不要忘记修剪输入值<代码>“”！=“”