使用JS添加更多的輸入

Question

我想添加更多的輸入使用JS按鈕，並不能算出來。

所以，我有這樣的代碼在我的HTML：

<div id="ingredients" class="ingredients"> 
     <h2 class="tk-freight-sans-pro">Ingredients</h2> 
     <input type="text" placeholder="Ingredient"> 
     <input type="text" placeholder="Ingredient"> 
     <input type="text" placeholder="Ingredient"> 
     <br> 
     <button class="button" onclick="addIngredient();">Add Ingredient</button> 
    </div> 

而我的JS是在這裏：

function addIngredient() { 
     var list = document.getElementById("ingredients") 
     list.innerHTML += "<input type="text" placeholder="Ingredient">" 
    } 

有誰知道發生了什麼事或什麼，我需要做什麼？ 謝謝！

Answer 1

此：

list.innerHTML += "<input type="text" placeholder="Ingredient">" 

應該是這樣的：

list.innerHTML += "<input type=\"text\" placeholder=\"Ingredient\">" 

或類似的：

list.innerHTML += '<input type="text" placeholder="Ingredient">' 

在雙包串不能使用雙引號引號。您必須轉義字符串中的引號或使用簡單的引號來包裝它。

另外你應該在每條指令後加上;。