Javascript 在jQuery中按下按钮时执行函数

我对编程很陌生，遇到了一个问题

当我按下按钮时，我真的想运行这个函数。下面是我要运行的函数：

function generateTip() {
    var tip = tipsList[generateNumber()];
    var tipElement = document.querySelector('.js-tip');

    tipElement.innerHTML = tip;
}

好的，我想在按下按钮时运行这个函数，下面是我的jQuery按钮的代码：

$(document).ready(function(){
    $('button').click(function() {
      //run function here 
    });
});

它不一定是jQuery，我只是认为这会更容易。如果有人能帮我解释一下，我将不胜感激

---

提前感谢。

在HTML中，您可以使用

onclick

事件处理程序在单击按钮时使用普通javascript调用函数。像这样：

<button onclick="generateTip()">button text</button>

你已经在那里了

JQUERY脚本：

<script>
    $(document).ready(function(){
      $('button').click(function() {
          generateTip();
      }); 
    });

    function generateTip() {
    var tip = tipsList[generateNumber()];
    var tipElement = document.querySelector('.js-tip');

    tipElement.innerHTML = tip;
    }
</script>

$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
generateTip（）；
}); 
});
函数generateTip（）{
var tip=tipsList[generateNumber（）]；
var tipElement=document.querySelector（'.js-tip'）；
tipElement.innerHTML=提示；
}

或者仅在实际HTML和上面的脚本中单击onclick：

<script>
function generateTip() {
var tip = tipsList[generateNumber()];
var tipElement = document.querySelector('.js-tip');

tipElement.innerHTML = tip;
</script>

函数generateTip（）{
var tip=tipsList[generateNumber（）]；
var tipElement=document.querySelector（'.js-tip'）；
tipElement.innerHTML=提示；

然后在你的HTML中

<input type="button" name"button" onclick="generateTip()";

---

要在单击时执行函数
generateTip（）
，请将其放入按钮代码中：

<input type="button" name="any" onclick="generateTip()"/>

因此，如果您有一个包含此代码的.js文件：

function generateTip() {
var tip = tipsList[generateNumber()];
var tipElement = document.querySelector('.js-tip');
tipElement.innerHTML = tip;
}

然后可以将其附加到HTML元素，如下所示：

<button onclick="generateTip()"> Button </button>

按钮

希望这能有所帮助
非常感谢，我没想到会这么容易！谢谢你的各种解释，它现在起作用了。比我想象的容易多了，希望我能投两次票！谢谢！
<button onclick="generateTip()"> Button </button>