添加一个点击事件 function 到一个按钮，当点击它时，它会在框布局中创建一个新段落

Question

我一直在尝试按照我描述的方式创建此单击事件，但我一直得到的是提示消息，而不是按钮下方提供的框布局内的段落。

Answer 1

为盒子添加一个 div。 为要添加的段落添加输入文本区域。 还有一个按钮来实际添加你的段落。

 const btn = document.getElementById("btn"); const clr = document.getElementById("clr"); const paragraph = document.getElementById("paragraph"); const will_add = document.getElementById("will_add"); var the_paragraph = ""; btn.addEventListener("click", function() { the_paragraph = the_paragraph + will_add.value; paragraph.innerHTML = the_paragraph; }); clr.addEventListener("click", function() { will_add.value = ""; the_paragraph = ""; paragraph.innerHTML = ""; });

 .box { height: 200px; width: 400px; border: 1px solid red; border-radius: 4px; } textarea { height: 50px; width: 400px; }

 <div class="box"> <p id="paragraph"></p> </div> <textarea id="will_add" type="textarea" placeholder="Add your paragraph here..."></textarea> <br/> <button id="btn">Add</button> <button id="clr">Clear</button>