如何排除空格作为用户输入？

Question

所以我想通过输入一个值并单击按钮将项目添加到我的列表中。我设法忽略了空的用户输入，但我不知道如何排除空格作为用户输入？我不能使用条件，因为用户输入的空格数是不可预测的。

<input id="userinput" type="text" placeholder="Enter items">
<button id="add">Click Me!</button>
<ul id="list">
    <li>pen</li>
    <li>pencil</li>
    <li>paper</li>
</ul>
<script>
    var input = document.getElementById("userinput");
    var button = document.getElementById("add");
    var ul = document.querySelector("ul");
    

    button.addEventListener("click", function(){
        if (input.value.length > 0) {
            var li = document.createElement("li")
            li.appendChild(document.createTextNode(input.value));
            ul.appendChild(li);
        }    
    } )

</script>

Answer 1

要删除字符串开头或/和结尾的空格，请使用str.trim()，要删除所有空格，请使用带有str.replace的正则表达式：

str.replace(/( )/g, "");