console.log 不会运行在分配给带有 "onclick" 的按钮的功能中

Question

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

js中的代码：

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

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

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

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

Answer 1

在 return 之后，所有代码都无法访问。这意味着 return 停止执行函数的其余部分。所以把 return 放在函数的末尾。

另外你忘记在函数上添加():

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

这是工作示例：

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

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

Answer 2

试试这个代码
你用的是JS函数，但是当你用onclick调用你的函数时，你忘了用
fucntion brackets ()

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

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

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

console.log 不会运行在分配给带有 "onclick" 的按钮的功能中

console.log doesn't run in a function that is assigned to a button with "onclick"

javascript

console.log

console.log 不会 运行 在分配给带有 "onclick" 的按钮的功能中

console.log doesn't run in a function that is assigned to a button with "onclick"

javascript

console.log

console.log 不会运行在分配给带有 "onclick" 的按钮的功能中