Javascript 在一次单击中添加多个按钮

我试图在函数中创建一个单击事件，但它似乎不起作用

这是我的密码：

<input class="text2" type="text" name="" id="text1">
<input size="20" id="high_light" type="button" /> 
<span><a href="#" id="add"> + Add more</a></span>


var count = $('.text2').val();
var divCount = count;

window.onload = function(){
   document.getElementById("add").onclick = function(){
      if(divCount < count){
         divCount++;

         var input = document.getElementById("high_light" + divCount);
         input.parentNode.style.display = "";
      }
   };
}

我创建了一个

，它接受一个数字的值并根据输入值添加

标记元素，如下所示：

HTML:

<input class="text2" type="text" name="" id="inputValue">
<input size="20" id="high_light" type="button" /> 

<!-- Buttons will show up inside this <div> wrapper -->
<div id="button-displayer"></div>

<span><a href="#" id="add"> + Add more</a></span>

$(document).ready(() =>{
    let inputValue = document.getElementById('inputValue');
    let addButton = document.getElementById("add");

    addButton.addEventListener('click', () => {
        let inputValueToNumber = Number(inputValue.value)

        let i = 0;

        while(i < inputValueToNumber ) {
            addButton = () => {

               let elementTag = document.createElement('button');
               let elementText = document.createTextNode('New button');

               elementTag.appendChild(elementText);

               let buttonDisplayer = document.getElementById('button-displayer');
               buttonDisplayer.appendChild(elementTag)
            }

            addButton();
            i++;        
        }
    });  
})

JavaScript:

<input class="text2" type="text" name="" id="inputValue">
<input size="20" id="high_light" type="button" /> 

<!-- Buttons will show up inside this <div> wrapper -->
<div id="button-displayer"></div>

<span><a href="#" id="add"> + Add more</a></span>

$(document).ready(() =>{
    let inputValue = document.getElementById('inputValue');
    let addButton = document.getElementById("add");

    addButton.addEventListener('click', () => {
        let inputValueToNumber = Number(inputValue.value)

        let i = 0;

        while(i < inputValueToNumber ) {
            addButton = () => {

               let elementTag = document.createElement('button');
               let elementText = document.createTextNode('New button');

               elementTag.appendChild(elementText);

               let buttonDisplayer = document.getElementById('button-displayer');
               buttonDisplayer.appendChild(elementTag)
            }

            addButton();
            i++;        
        }
    });  
})

$（文档）.ready（（）=>{
让inputValue=document.getElementById（'inputValue'）；
让addButton=document.getElementById（“add”）；
addButton.addEventListener（'单击'，（）=>{
让inputValueToNumber=Number（inputValue.value）
设i=0；
而（i{
让elementTag=document.createElement（'button'）；
让elementText=document.createTextNode（“新建按钮”）；
elementTag.appendChild（elementText）；
让buttonDisplayer=document.getElementById（'button-displayer'）；
buttonDisplayer.appendChild（elementTag）
}
addButton（）；
i++；
}
});  
})

---

检查此

divCount

等于

count

，这样您的

如果
语句永远无法正常运行，则每一行都会按顺序处理，中间有一个延迟，所以它会一个接一个地创建它们……你知道我如何在文本值内一次单击添加多个按钮吗？@ManuelAbascal我希望这能有所帮助。Thanks@ManuelAbascal使用jquery可以吗？我还没尝过香草的味道javascript@GRD是的，伙计，不用担心。如果您对代码有任何疑问，请告诉我！关于let elementTag=document.createElement（'button'）；，的问题；。如果我想用这段代码克隆一个div呢。有可能吗？行
让elementTag=document.createElement（'button'）
创建一个新的标记元素，在这种情况下是一个
标记元素并存储在一个新变量
elementTag
中。我将其存储在那里，以便可以使用
elementTag.appendChild（elementText）行向新的create
标记元素添加文本。您可以阅读有关
document.createElement（）