javascript - 在 jQuery 中按下按钮时执行一个函数

Question

我是编程新手，遇到了一个问题。

我真的很想在按下按钮时运行此功能。这是我要运行的函数:

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，我只是认为那样会更容易。如果有人能提供帮助和解释，我将不胜感激。

提前致谢。

Answer 1

在您的 HTML 中，您可以使用 onclick 事件处理程序在单击按钮时调用一个函数，使用 vanilla javascript。像这样:

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

如果您想要一个使用 jQuery 和您当前代码的解决方案，您只需调用 $('button').click 中的 generateTip() 函数> 包装器:

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