如何发送按钮到输入框？

Question

I'm trying to send buttons from end result to new input box but have no idea. I have tried several things.

First

for (i=0;i<res.length;i++) {
  var newbutton = document.createElement("BUTTON");
  var t = document.createTextNode("  "+res[i]);
  newbutton.appendChild(t);
  newbutton.style.marginRight = "10px";
  document.body.appendChild(newbutton);
  document.getElementById("demo").addEventListener("click",ansFunction);
  function ansFunction() {
  document.getElementByid("demo").innerHTML = "answers";
}
}

Second

for (i=0;i<res.length;i++) {
  var newbutton = document.createElement("BUTTON");
  var t = document.createTextNode("  "+res[i]);
  newbutton.appendChild(t);
  newbutton.style.marginRight = "10px";
  document.body.appendChild(newbutton);
  newbutton.onclick = "ansFunction";
  function ansFunction() {
  document.getElementByid("demo").innerHTML = "answers";
}
}

But they dont work. Thank you in advance.

Answer 1

Your variations on the code are failing, but in different ways. The first fails because it adds the onclick to the wrong element, and the second fails because it does not properly set the onclick . Use the following instead of the text after document.body.appendChild(newbutton); :

  var ansFunction = function() {
    document.getElementById("demo").innerHTML = "answers";
  }
  newbutton.addEventListener("click", ansFunction);
}