javascript - 使用 javascript 将字符串转换为数组，将数组转换为

Question

我想获取用户输入的字符串。从所述字符串创建一个数组。然后获取该数组并将其显示为“ul”。用户输入的字符串将以“&”分隔的花名。我还想看看是否可以使用警报来通知用户他们基本上没有输入格式正确的字符串。

这是我到目前为止所拥有的，但我对如何继续以及如何实现“警报”感到困惑。

html:

    <form>
        Enter flowers here: <input type="text" id="flower_string"><br>
        <input type="button" value="Just Do It" onclick="FlowerArray()"><br>
    </form>
    <ul id="flower_results"></ul>

JavaScript:

//funtion will take user flower names seperated by "&" to create an array and display
function FlowerArray(){
    var flower_string = document.getElementById("flower_string").value;
    var flower_array = flower_string.split("&");
    var i;
    //for loop to display results to user
    for(i = 0; i < flower_array.length; i++){

    }
}

我的 for 循环不完整，因为我不确定如何做到这一点。

Answer 1

您需要创建<li>元素并将它们附加到 <ul> 。请参阅此片段和评论:

//funtion will take user flower names seperated by "&" to create an array and display
function FlowerArray(){
  var flower_string = document.getElementById("flower_string").value;
  var flower_array = flower_string.split("&");
  var i;
  var results = document.getElementById('flower_results'); // <- get the UL element
  //for loop to display results to user
  for(i = 0; i < flower_array.length; i++){
    var li = document.createElement('li'); // <- create a LI element
    li.innerHTML = flower_array[i]; // <- set it's content
    results.appendChild(li); // append it to the UL
  }
}

<form>
Enter flowers here: <input type="text" id="flower_string"><br>
<input type="button" value="Just Do It" onclick="FlowerArray()"><br>
</form>
<ul id="flower_results"></ul>