拆分输入框中输入的客户名称

Question

 <p id="output"> customer name you enter will be shown here </p>  
 <input type="text" id="allnames" placeholder="enter all names" /> 
    <button onclick="process()">
  separate
</button>

 <script>
   function process(){
      var nameArray=[];
      var inputName="";
      inputName=document.getElementById("allnames").value;
      nameArray=inputName.split(",");

      var xyz="";
      for (var i=0; i<nameArray.length;i++){
        xyz=xyz+nameArray[i]+"<br>";


      }
      return xyz; 
      document.getElementById("output").innerHTML=process(xyz); 
    };
</script>

所以基本上控制台说“未捕获的 RangeError：String.split () 处超出了最大调用堆栈大小”

这是为什么？ 任何建议表示赞赏。

Answer 1

 <input id='allnames'/> <p id="output"> customer name you enter will be shown here </p> <button onclick="process()"> separate </button> <script> function process() { let inputs = document.body.querySelector('#allnames').value.split(','); let output = ''; inputs.forEach( name => output += name + '<br>' ); let outputEl = document.body.querySelector('#output'); outputEl.innerHTML = output; } </script>

编辑（询问）

 <input id='allnames'/> <p id="output"> customer name you enter will be shown here </p> <button onclick="process()"> separate </button> <script> function process() { var inputEl = document.getElementById('allnames'); var inputs = inputEl.value.split(','); var output = ''; for(var i=0; i<inputs.length; i++) { output += inputs[i] + '<br>'; } var outputEl = document.getElementById('output'); outputEl.innerHTML = output; } </script>