Entonces, quiero agregar elementos a mi lista ingresando un valor y haciendo clic en el botón. Me las arreglé para ignorar la entrada del usuario vacía, pero no puedo averiguar cómo excluir espacios como entrada del usuario. No puedo usar un condicional ya que la cantidad de espacios que ingresa un usuario es impredecible.
<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>Para eliminar espacios al principio y/o al final de una cadena, use str.trim() , para eliminar todos los espacios, use una expresión regular con str.replace :
str.replace(/( )/g, "");