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

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, "");