Javascript：如何通过单击按钮执行操作？

单击按钮并让Javascript运行您拥有的任何语句的正确语法是什么？我在谷歌上搜索过，但不是有多种方法，就是人们没有很好地解释参数或函数

这是我的密码。我只想在我的“按钮”上点击“攻击”，怪物将损失10点生命

 document.getElementById("attack").click(); = dragon.hp = dragon.hp - 10;

当您执行

。单击（）

时，您正在调用一个函数<代码>是结束语句的方式。您想为

onclick

属性分配一个函数

你想要这样的东西：

document.getElementById("attack").onclick = function(){
    dragon.hp -= 10;
};

            <a ..... onClick="deductHpPoints()">...</a>

更好的是，你真的想要：

p.S.

dragon.hp-=10

是

dragon.hp=dragon.hp-10的缩写
当您执行
时。单击（）
您正在调用一个函数<代码>是结束语句的方式。您想为
onclick
属性分配一个函数

你想要这样的东西：

document.getElementById("attack").onclick = function(){
    dragon.hp -= 10;
};

            <a ..... onClick="deductHpPoints()">...</a>

更好的是，你真的想要：

p.S.
dragon.hp-=10
是
dragon.hp=dragon.hp-10的缩写
如果您这样做：

document.getElementById("attack").onclick = function(){
    dragon.hp -= 10;
};

            <a ..... onClick="deductHpPoints()">...</a>

那对你有用吗？基本的东西。
如果你做了这样的事情：

document.getElementById("attack").onclick = function(){
    dragon.hp -= 10;
};

            <a ..... onClick="deductHpPoints()">...</a>

那对你有用吗？一些基本的东西。
以下是我要做的：

<input type="button" value="Attack" onclick="attack()">

实际上，我会使攻击能够针对不同的对象：

function attack(target) {
    target.hp -= 10;
};

可能需要一些单选按钮来选择目标：

<input type="radio" name="monster" value="Dragon">
<input type="radio" name="monster" value="Beholder">
<input type="radio" name="monster" value="Minotaur">



一些代码用于确定选择了哪一个：

function discoverSelected(buttonName) {
    var theArray = document.getElementsByName(buttonName);
    for (var i = 0; i < theArray.length; i++) {
        if (theArray[i].checked) {
            return theArray[i].value;
        };
    };
};

函数discoverSelected（按钮名称）{
var theArray=document.getElementsByName（buttonName）；
对于（变量i=0；i

将该名称与怪物阵列进行比较：

function whichMonster(monName) {
    for (var i = 0; i < monsters.length; i++) {
        if (monsters[i].name == monName) {
            return monsters[i];
        };
    };
};

函数whichMonster（monName）{
对于（变量i=0；i

最后，一个按钮来攻击

<input type="button" value="Attack" onclick="attack(whichMonster(discoverSelected("monster")))">

以下是我要做的：

<input type="button" value="Attack" onclick="attack()">

实际上，我会使攻击能够针对不同的对象：

function attack(target) {
    target.hp -= 10;
};

可能需要一些单选按钮来选择目标：

<input type="radio" name="monster" value="Dragon">
<input type="radio" name="monster" value="Beholder">
<input type="radio" name="monster" value="Minotaur">



一些代码用于确定选择了哪一个：

function discoverSelected(buttonName) {
    var theArray = document.getElementsByName(buttonName);
    for (var i = 0; i < theArray.length; i++) {
        if (theArray[i].checked) {
            return theArray[i].value;
        };
    };
};

函数discoverSelected（按钮名称）{
var theArray=document.getElementsByName（buttonName）；
对于（变量i=0；i

将该名称与怪物阵列进行比较：

function whichMonster(monName) {
    for (var i = 0; i < monsters.length; i++) {
        if (monsters[i].name == monName) {
            return monsters[i];
        };
    };
};

函数whichMonster（monName）{
对于（变量i=0；i

最后，一个按钮来攻击

<input type="button" value="Attack" onclick="attack(whichMonster(discoverSelected("monster")))">

为了将响应扩展到
jQuery
库，您可以这样做（在调用库之后）

或者，如果动态创建了
#attack
按钮

$(document).on('click', "#attack", function(){
        dragon.hp -= 10;
    });

只需将响应扩展到
jQuery
library，就可以这样做（在调用库之后）

或者，如果动态创建了
#attack
按钮

$(document).on('click', "#attack", function(){
        dragon.hp -= 10;
    });

你看过像jQuery这样的JS库了吗？它们使这类事情变得更容易，特别是对于初学者。你有没有看过一些JS库，比如jQuery？它们使这类事情变得更容易，特别是对于初学者。