Javascript 我想在变量中存储一个函数，并想在onclick事件中调用它

var down_1=document.getElementById（'GFG_down_1'）；
var fun=funto（）；
函数funto（）{
down1.innerHTML='来自函数1'；
}

geeksforgeks

点击这里
首先，欢迎来到社区。
其次，我建议您简化代码。而不是将变量放在函数外部，而是将它们放在函数内部。当然，如果你没有在其他地方使用它们

因此JS代码可能如下所示：

 function fun() {
      document.getElementById('GFG_DOWN_1') = 'From function 1';
    }

<h1 style="color:green;">GeeksforGeeks</h1>
<p id="GFG_UP" style="font-size: 15px; font-weight: bold;"></p>
<button onclick="fun();">click here</button>
<p id="GFG_DOWN_1" style="color:green; font-size: 20px; font-weight: bold;">

然后，HTML应该如下所示：

 function fun() {
      document.getElementById('GFG_DOWN_1') = 'From function 1';
    }

<h1 style="color:green;">GeeksforGeeks</h1>
<p id="GFG_UP" style="font-size: 15px; font-weight: bold;"></p>
<button onclick="fun();">click here</button>
<p id="GFG_DOWN_1" style="color:green; font-size: 20px; font-weight: bold;">

geeksforgeks

点击这里


请注意，您是在
onclick
中调用函数，而不是变量。
如果要将变量设置为事件，可以使用
addEventListener
作为

document.getElementById('click').addEventListener('click',funto);

您的代码
var-fun=funto（）
需要更改为
var-fun=funto


var down_1=document.getElementById（'GFG_down_1'）；
var fun=funto；
函数funto（）{
down1.innerHTML='来自函数1'；
}
document.getElementById（'click'）。addEventListener（'click'，funto）
geeksforgeks

点击这里
当您将其分配给fun时，不要运行
funto（）
，而是将其设置为等于（未调用）函数，然后使用
onclick='fun（）'
您不需要将其存储在变量中以便在单击事件发生时调用它，只需将其设置为
onclick即可=“funto（）”