事件和处理程序JavaScript

我正在编写一个代码，我想在单击（按钮）时在我的网页上显示一个单词和句子。到目前为止，我有一个文本显示在页面上。我想在文本后显示句子。句子没有显示。。。有人知道为什么吗

function handleButtonClick(){

    var button = document.getElementById("addButton");
    button.onclick = handleButtonClick;


    var textInput = document.getElementById("word");
    var termName = textInput.value;

    var dt = document.createElement("dt");
    dt.innerHTML = termName;

    var dl = document.getElementById("p");

    dl.appendChild(dt);


    var textInput = document.getElementById("sentence");
    var termDefine = textInput.value;

    var dd = document.createElement("dd");
    dd.innerHTML = termDefine;

    var dl = document.getElementById("define");

    dl.appendChild(d);


}
window.onload = handleButtonClick;

应该是

button.addEventListener('click', handleButtonClick);

第二点是click事件处理程序应该绑定到函数范围之外。否则，每次函数

handleButtonClick

激发时，都会绑定一个新事件

var button = document.getElementById("addButton");
button.addEventListener('click', handleButtonClick);

function handleButtonClick() {
   // Your other code here
   // that excludes the click handler
}

---

开发者工具是你的朋友。始终使用它来检查任何错误。

除了@sushanth已经提到的内容之外，您的代码中还有一个输入错误：

而不是

 dl.appendChild(d);

应该是

 dl.appendChild(dd);

---

那么dd呢？为什么它没有出现在页面上？（或者第二个文本框中的输入）请看我的答案，您的代码中有一个输入错误：而不是dl.appendChild（d）；你应该有dl.appendChild（dd）；

 dl.appendChild(dd);