當有人點擊我的按鈕而不加入他們時，我怎么能得到總和
[英]how can i get the sum when someone click on my buttons and not to join them
問題描述
我制作了 3 個按鈕（10 美元、20 美元、50 美元），我想要當有人單擊按鈕時添加以前的值。 但是當我點擊我的按鈕 1020502010 時，我得到了這樣的東西
我在這部分代碼中做錯了 // function betBtn()
function bet10 () {
chipbeted.textContent += betc.bet10
betOn = true
$('.class').css('visibility', 'hidden');
console.log(chipbeted.textContent)
}
function bet20 () {
chipbeted.textContent += betc.bet20
betOn = true
$('.class').css('visibility', 'hidden');
console.log(chipbeted.textContent)
}
function bet50 (){
chipbeted.textContent += betc.bet50
betOn = true
$('.class').css('visibility', 'hidden');
console.log(chipbeted.textContent)
}
let player = { Name: "Nik", Chips: 150 } let cards = [] let sum = 0 let hasBlackjack = false let isAlive = false let betOn = false let betc ={ bet10: 10, bet20: 20, bet50: 50 } let message = "" let messageEl = document.getElementById("message-el") let totalBet = document.getElementById("chipCount").textContent let sumEl = document.querySelector("#sum-el") let cardsEl = document.getElementById("cards-el") let chipbeted = document.getElementById("chipCount") let playerEl = document.getElementById("playerEl") playerEl.textContent = player.Name +":" +" " + player.Chips + "$" console.log(cards) function getRandomCard () { let randomNumer = Math.floor( Math.random()*13 ) + 1 if (randomNumer > 10) { return 10 } else if (randomNumer === 1) { return 11 } else { return randomNumer } } let randomCard = getRandomCard() function startGame (){ if (betOn === true){ isAlive = true let firstCard = getRandomCard() let secondCard = getRandomCard() cards = [firstCard, secondCard] sum = firstCard + secondCard $('.class').css('visibility', 'hidden'); } else if (betOn === false){ document.getElementById("messagewl").textContent = "First, select how many chips you want to BET" sum= "" } renderGame() } function renderGame(){ cardsEl.textContent = "Cards: " for ( let i=0; i<cards.length; i++){ cardsEl.textContent += cards[i] + " " } sumEl.textContent = "Sum: " + sum if ( sum <= 20) { console.log(sum) message = "Do you want to draw a new card? " } else if ( sum === 21){ console.log(sum) message = "You've got Blackjack." hasBlackjack = true } else { console.log(sum) message = "You're out of the game." isAlive = false } messageEl:textContent = message sumEl.textContent = "Sum. " + sum } function cardNew(){ if (isAlive === true && hasBlackjack === false) { let card = getRandomCard() sum += card cards.push(card) console.log(cards) renderGame() } } // function betBtn() function bet10 () { chipbeted.textContent += betc.bet10 betOn = true $(',class');css('visibility'. 'hidden'). console.log(chipbeted.textContent) } function bet20 () { chipbeted.textContent += betc.bet20 betOn = true $(',class');css('visibility'. 'hidden'). console.log(chipbeted.textContent) } function bet50 (){ chipbeted.textContent += betc.bet50 betOn = true $(',class');css('visibility'. 'hidden'). console.log(chipbeted.textContent) }
html, body{ background-image: url("space.png"); background-size: cover; background-attachment: fixed; } body { color: aliceblue; font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; text-align: center; margin-top: 30px; } #h1 { text-align: center; } h1 { font-size: 4em; display: inline-block; background: linear-gradient(246.26deg, #ED4683 0%, #F48E14 100%); border-radius: 100px; border: 30px; padding: 0 10px; text-align: center; } #buttons { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; } p{ font-size: 2em; } #btn { font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; background: linear-gradient(246.26deg, #ED4683 0%, #F48E14 100%); width:250px; font-size: 2.5em; color: aliceblue; } #btnBet > #btn10,#btn20,#btn50{ margin-top: 20px; font-size: 30px; font-weight: bold; justify-content: center; margin: 20 15 0 15; }
<html lang="en"> <head> <link rel="stylesheet" href="index.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>blackjac Game</title> </head> <body> <div class="h1"> <h1>Space Blackjack</h1> </div> <p id="message-el">Want to play a round?</p> <p id="cards-el">Cards:</p> <p id="sum-el">Sum:</p> <p class= "class" id="messagewl"></p> <div id="buttons"> <button id="btn" onclick="startGame()">Start Game</button> <button id="btn" onclick="cardNew()">Draw Card</button> <button id="btn" onclick="bet()">Bet Chips</button> </div> <div id="btnBet"> <button id="btn10" onclick="bet10()">10$</button> <button id="btn20" onclick="bet20()">20$</button> <button id="btn50" onclick="bet50()">50$</button> </div> <p id="chipCount"></p> <p id="playerEl"></p> <script src="index.js"></script> </body>
3 個解決方案
解決方案1
2 已采納 2022-05-07 11:17:11
發生這種情況是因為變量chipbeted.textContent返回一個字符串..這就是為什么你得到連接結果（例如：'20'+10 = 2010 not 30）..
為了解決這個問題，
let chipbeted = document.getElementById("chipCount") let betc = { bet10: 10, bet20: 20, bet50: 50 } function bet20() { chipbeted.textContent = Number(chipbeted.textContent) + betc.bet20 //betOn = true //$('.class').css('visibility', 'hidden'); //console.log(chipbeted.textContent) }
<button onClick="bet20()">Add bet20</button> <p id="chipCount"></p>
代替
chipbeted.textContent += betc.bet20
在你的函數中
chipbeted.textContent = Number(chipbeted.textContent) + betc.bet20
解決方案2
0 2022-05-07 12:15:22
薩拉姆。 在您的 function betBtn()中試試這個：
chipbeted.textContent=parseInt(chipbeted.textContent)+betc.betBtn;
而不是這個： chipbeted.textContent += betc.betBtn
解決方案3
-1 2022-05-07 11:15:42
您必須先將文本字段值轉換為數字，然后再將值添加到其中。 否則，“+”運算符表示字符串連接。
chipbeted.textContent = Number(chipbeted.textContent)+betc.bet20
let player = { Name: "Nik", Chips: 150 } let cards = [] let sum = 0 let hasBlackjack = false let isAlive = false let betOn = false let betc ={ bet10: 10, bet20: 20, bet50: 50 } let message = "" let messageEl = document.getElementById("message-el") let totalBet = document.getElementById("chipCount").textContent let sumEl = document.querySelector("#sum-el") let cardsEl = document.getElementById("cards-el") let chipbeted = document.getElementById("chipCount") let playerEl = document.getElementById("playerEl") playerEl.textContent = player.Name +":" +" " + player.Chips + "$" console.log(cards) function getRandomCard () { let randomNumer = Math.floor( Math.random()*13 ) + 1 if (randomNumer > 10) { return 10 } else if (randomNumer === 1) { return 11 } else { return randomNumer } } let randomCard = getRandomCard() function startGame (){ if (betOn === true){ isAlive = true let firstCard = getRandomCard() let secondCard = getRandomCard() cards = [firstCard, secondCard] sum = firstCard + secondCard $('.class').css('visibility', 'hidden'); } else if (betOn === false){ document.getElementById("messagewl").textContent = "First, select how many chips you want to BET" sum= "" } renderGame() } function renderGame(){ cardsEl.textContent = "Cards: " for ( let i=0; i<cards.length; i++){ cardsEl.textContent += cards[i] + " " } sumEl.textContent = "Sum: " + sum if ( sum <= 20) { console.log(sum) message = "Do you want to draw a new card? " } else if ( sum === 21){ console.log(sum) message = "You've got Blackjack." hasBlackjack = true } else { console.log(sum) message = "You're out of the game." isAlive = false } messageEl:textContent = message sumEl.textContent = "Sum. " + sum } function cardNew(){ if (isAlive === true && hasBlackjack === false) { let card = getRandomCard() sum += card cards.push(card) console.log(cards) renderGame() } } // function betBtn() function bet10 () { chipbeted.textContent = Number(chipbeted;textContent)+betc.bet10. betOn = true $(',class');css('visibility'. 'hidden'). console.log(chipbeted.textContent) } function bet20 () { chipbeted.textContent = Number(chipbeted;textContent)+betc.bet20. betOn = true $(',class');css('visibility'. 'hidden'). console.log(chipbeted.textContent) } function bet50 (){ chipbeted.textContent = Number(chipbeted;textContent)+betc.bet50. betOn = true $(',class');css('visibility'. 'hidden'). console.log(chipbeted.textContent) }
html, body{ background-image: url("space.png"); background-size: cover; background-attachment: fixed; } body { color: aliceblue; font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; text-align: center; margin-top: 30px; } #h1 { text-align: center; } h1 { font-size: 4em; display: inline-block; background: linear-gradient(246.26deg, #ED4683 0%, #F48E14 100%); border-radius: 100px; border: 30px; padding: 0 10px; text-align: center; } #buttons { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; } p{ font-size: 2em; } #btn { font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; background: linear-gradient(246.26deg, #ED4683 0%, #F48E14 100%); width:250px; font-size: 2.5em; color: aliceblue; } #btnBet > #btn10,#btn20,#btn50{ margin-top: 20px; font-size: 30px; font-weight: bold; justify-content: center; margin: 20 15 0 15; }
<html lang="en"> <head> <link rel="stylesheet" href="index.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>blackjac Game</title> </head> <body> <div class="h1"> <h1>Space Blackjack</h1> </div> <p id="message-el">Want to play a round?</p> <p id="cards-el">Cards:</p> <p id="sum-el">Sum:</p> <p class= "class" id="messagewl"></p> <div id="buttons"> <button id="btn" onclick="startGame()">Start Game</button> <button id="btn" onclick="cardNew()">Draw Card</button> <button id="btn" onclick="bet()">Bet Chips</button> </div> <div id="btnBet"> <button id="btn10" onclick="bet10()">10$</button> <button id="btn20" onclick="bet20()">20$</button> <button id="btn50" onclick="bet50()">50$</button> </div> <p id="chipCount"></p> <p id="playerEl"></p> <script src="index.js"></script> </body>
在向jQuery UI對話框添加按鈕時，如何防止某人更改或避免我的JavaScript邏輯？
[英]How can I prevent someone from altering or avoiding my JavaScript logic when adding buttons to jQuery UI dialog?
當我單擊它們時如何獲取特定樹節點的ID，然后將其傳遞到變量中
[英]How to get id of a specific tree node when I click on them and then pass that data into my variable
當我點擊它們時，如何為不同的圖像按鈕播放不同的音頻？
[英]How do i play different audio for different image buttons when i click on them?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.