javascript - console.log 不在分配给带有“onclick”的按钮的函数中运行

Question

我有一个 10 美元<button onclick="$10Wager">$10</button>的按钮，如果用户想下注 10 美元，请点击该按钮，然后从他的筹码中扣除 10 美元

js中的代码：

let player = {
    name: "Per",
    chips: 200
}

function $10Wager(){
    return player.chips -= 10
    console.log(player.chips)
}

为什么玩家的筹码在扣除 $10 赌注后的最终值（即 190）不显示在控制台上？你能解释一下逻辑吗？

我应该使用什么代码来确保 $10 按钮正常工作？

Answer 1

试试这个代码
你使用 JS 函数但是当你onclick在这里调用你的函数时你忘记使用
fucntion brackets ()

    let player = {
        name: "Per",
        chips: 200
    }

  function $10Wager(){
    player.chips -= 10
    console.log(player.chips);
    return player.chips;
}

  <button onclick="$10Wager()">$10</button>

Answer 2

毕竟return代码是不可访问的。这意味着return停止执行其余功能。所以放在return函数的末尾。

你也忘了添加()功能：

 <button onclick="$10Wager()">$10</button>

这是工作示例：

    let player = {
        name: "Per",
        chips: 200
    }
    
    function $10Wager(){
        player.chips -= 10
        console.log(player.chips);
        return player.chips;
    }

<button onclick="$10Wager()">$10</button>