如何用javaScript编写onclick函数并将其绑定到innerHTML

您好，我是新来的，很抱歉解释得不好，但是当我想给函数指定参数时，js和html之间的函数的语法是什么？ 我应该得到这个函数：onclick='testx，y'

函数testx，y{ alertx，y； } 变量x=10 变量y=15 document.getElementByIdtext.innerHTML=`text`；

---

看起来您正试图将文本元素的innerHTML设置为testx，y的结果 这样做的传统方式是

     var x = 10
     var y = 15
     document.getElementById("text").innerHTML = '<div 
     onclick=\'test("'x + '","' + y + '") > text  </div>';

document.getElementById('idOfThingToBeClicked')
   .addEventListener('click' => {
      (the code from above)
   });

const x = document.getElementById('idOfElement1').value;
const y = document.getElementById('idOfElement2').value;
const answer = test(x,y);

如果您试图在页面上单击按钮时执行此操作，则需要将此代码作为内容包含到事件侦听器中，即

const answer = test(x,y)
document.getElementById('idOfThingToBeChanged').innerHTML = answer;

如果X和Y是从HTML页面中提取的值，那么您可能希望获取它们，例如

     var x = 10
     var y = 15
     document.getElementById("text").innerHTML = '<div 
     onclick=\'test("'x + '","' + y + '") > text  </div>';

document.getElementById('idOfThingToBeClicked')
   .addEventListener('click' => {
      (the code from above)
   });

const x = document.getElementById('idOfElement1').value;
const y = document.getElementById('idOfElement2').value;
const answer = test(x,y);

所以你的最终产品看起来像

     var x = 10
     var y = 15
     document.getElementById("text").innerHTML = '<div 
     onclick=\'test("'x + '","' + y + '") > text  </div>';

document.getElementById('idOfThingToBeClicked')
   .addEventListener('click' => {
      (the code from above)
   });

const x = document.getElementById('idOfElement1').value;
const y = document.getElementById('idOfElement2').value;
const answer = test(x,y);

---

希望这涵盖所有基础，但如果我能做得更好，请告诉我

欢迎！我可以看到你也在HTML的新；