Javascript 如何将函数的返回值作为事件后显示在div元素中的文本添加到DOM中？

所以我有一个函数，它返回一个字符串。我希望在另一个div中按下按钮后，该字符串显示在div中

<div >
   <button id="something"> something </button>
</div>
<div id="results">
   want result to show up here
</div>

---

据我所知，您需要打印

someFunction

返回的值，并将其显示在

result

元素中

您可以像这样重新构造代码-

const something = document.querySelector('#something');
const results = document.querySelector('#results'); // your result div

// you missed the function keyword
function someFunction(a, b) {
  ......
  // returns a string and takes two parameters, one parameter from the user 
}

something.addEventListener('click', () => {
  const resultText = someFunction(a, b); // you need to give the value for a nad b
  result.textContent = resultText;
});

---

此外，在您的方法中，您没有向

someFunction

传递任何参数，您需要使用

someFunction

返回的字符串值，并手动将返回值设置为

div\results

元素中的内容。您还没有将任何参数传递给

someFunction

，但您已将其定义为接受2个参数。问题是someFunction无法识别add.EventListener（）中的参数。是的，我没有将任何参数传递给someFunction，因为我认为需要使用回调来解决此问题。谢谢。这个答案帮助我让我的程序按预期工作！

const something = document.querySelector('#something');
const results = document.querySelector('#results'); // your result div

// you missed the function keyword
function someFunction(a, b) {
  ......
  // returns a string and takes two parameters, one parameter from the user 
}

something.addEventListener('click', () => {
  const resultText = someFunction(a, b); // you need to give the value for a nad b
  result.textContent = resultText;
});