console.log 不會在分配給帶有“onclick”按鈕的 function 中運行

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 function 但是當您在這里使用onclick呼叫您 function 時您忘記使用
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停止function的rest的執行，所以把return放在function的末尾。

另外你忘了在function上加() ：

 <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>