Javascript:如何通过单击按钮执行操作?

Sha*_*awn 0 html javascript css

单击按钮并让Javascript运行您拥有的任何语句的正确语法是什么?我做了谷歌搜索,但有多种方式或人们没有很好地解释参数或功能.

这是我的代码.我想做的就是当我点击"按钮"上的"攻击"时,怪物将失去10马力.

 document.getElementById("attack").click(); = dragon.hp = dragon.hp - 10;
Run Code Online (Sandbox Code Playgroud)

Roc*_*mat 6

当你这样做时,.click()你正在调用一个函数.;是你如何结束陈述.您想要为该onclick属性分配一个函数.

你想要这样的东西:

document.getElementById("attack").onclick = function(){
    dragon.hp -= 10;
};
Run Code Online (Sandbox Code Playgroud)

更好的是,你真的想要:

document.getElementById("attack").addEventListener('click', function(){
    dragon.hp -= 10;
});
Run Code Online (Sandbox Code Playgroud)

PS dragon.hp -= 10;是简写dragon.hp = dragon.hp - 10;