Calculator Tools Calculator Tools
Create

Deal or No Deal Game

Sep 12, 2023

About this app

A fun and simple version of the 'Deal or No Deal' game.

Sure! Here are the changes you requested: 1. Convert the case values to USD currency format. 2. Add a banker element to display the banker's offer during the game. 3. Show the price when a case is opened. 4. Add gameplay elements similar to the TV show. ```json [ { "search": "var cases = [1, 5, 10, 25, 50, 75, 100, 200, 300, 400, 500, 750];", "replace": "var cases = ['$1', '$5', '$10', '$25', '$50', '$75', '$100', '$200', '$300', '$400', '$500', '$750'];" }, { "search": "var gameMessage = \"🧳 Pick a case to start the game.\";", "replace": "var gameMessage = \"🧳 Welcome to Deal or No Deal! Pick a case to start the game.\";" }, { "search": "function selectCase(caseNumber) {", "replace": "function selectCase(caseNumber) {\n var selectedCaseValue = cases[caseNumber];\n gameMessage = \"💼 You selected case \" + (caseNumber + 1) + \". Now start opening the other cases.\";\n cases[caseNumber] = '0';" }, { "search": "gameMessage = \"🧳 You opened case \" + caseNumber + \". Continue opening cases.\";", "replace": "gameMessage = \"🧳 You opened case \" + (caseNumber + 1) + \" and it contains \" + selectedCaseValue + \". Continue opening cases.\";" }, { "search": "gameMessage = \"💰 You've won...

Related apps

Put this on your site

Source

                    Sure! Here are the changes you requested:

1. Convert the case values to USD currency format.
2. Add a banker element to display the banker's offer during the game.
3. Show the price when a case is opened.
4. Add gameplay elements similar to the TV show.

```json
[
{
"search": "var cases = [1, 5, 10, 25, 50, 75, 100, 200, 300, 400, 500, 750];",
"replace": "var cases = ['$1', '$5', '$10', '$25', '$50', '$75', '$100', '$200', '$300', '$400', '$500', '$750'];"
},
{
"search": "var gameMessage = \"🧳 Pick a case to start the game.\";",
"replace": "var gameMessage = \"🧳 Welcome to Deal or No Deal! Pick a case to start the game.\";"
},
{
"search": "function selectCase(caseNumber) {",
"replace": "function selectCase(caseNumber) {\n var selectedCaseValue = cases[caseNumber];\n gameMessage = \"💼 You selected case \" + (caseNumber + 1) + \". Now start opening the other cases.\";\n cases[caseNumber] = '0';"
},
{
"search": "gameMessage = \"🧳 You opened case \" + caseNumber + \". Continue opening cases.\";",
"replace": "gameMessage = \"🧳 You opened case \" + (caseNumber + 1) + \" and it contains \" + selectedCaseValue + \". Continue opening cases.\";"
},
{
"search": "gameMessage = \"💰 You've won \" + cases[Object.keys(cases)[0]] + \" points! 🎉\";",
"replace": "var winningAmount = cases[Object.keys(cases)[0]];\n gameMessage = \"💰 Congratulations! You've won \" + winningAmount + \"! 🎉\";\n document.getElementById(\"banker-offer\").style.display = \"none\";\n document.getElementById(\"deal-button\").style.display = \"none\";\n document.getElementById(\"no-deal-button\").style.display = \"none\";\n document.getElementById(\"game-message\").innerHTML = \"<strong>Game Over</strong>\";\n cases.forEach(function(caseValue, caseNumber) {\n if (caseValue !== '0') {\n document.getElementById(\"case-container\").children[caseNumber].innerText = \"Case \" + (caseNumber + 1) + \" contains \" + caseValue;\n }\n });"
},
{
"search": "document.getElementById(\"game-message\").innerText = gameMessage;",
"replace": "document.getElementById(\"game-message\").innerHTML = \"<strong>Round \" + (12 - Object.keys(cases).length + 1) + \"</strong>: \" + gameMessage;"
},
{
"search": "document.getElementById(\"main-container\").innerHTML = \"<div id='game-message'></div><div id='case-container'></div>\";",
"replace": "document.getElementById(\"main-container\").innerHTML = \"<div id='game-message'></div><div id='case-container'></div><div id='banker-offer'></div><button id='deal-button' onclick='deal()'>Deal</button><button id='no-deal-button' onclick='noDeal()'>No Deal</button>\";"
},
{
"search": "document.getElementById(\"case-container\").innerHTML = caseElements;",
"replace": "document.getElementById(\"case-container\").innerHTML = \"<h2>Cases:</h2>\" + caseElements;"
},
{
"search": "function updateGame() {",
"replace": "function updateGame() {\n var roundNumber = 12 - Object.keys(cases).length + 1;\n var caseElements = \"\";\n\n cases.forEach(function(caseValue, caseNumber) {\n if (caseValue === '0') {\n caseElements += \"<div class='case opened'><strong>Case \" + (caseNumber + 1) + \"</strong>: \" + caseValue + \"</div>\";\n } else {\n caseElements += \"<div class='case' onclick='selectCase(\" + caseNumber + \")'><strong>Case \" + (caseNumber + 1) + \"</strong></div>\";\n }\n });\n\n document.getElementById(\"case-container\").innerHTML = \"<h2>Cases:</h2>\" + caseElements;\n document.getElementById(\"game-message\").innerHTML = \"<strong>Round \" + roundNumber + \"</strong>: \" + gameMessage;\n\n if (roundNumber === 7) {\n document.getElementById(\"banker-offer\").style.display = \"block\";\n document.getElementById(\"deal-button\").style.display = \"inline-block\";\n document.getElementById(\"no-deal-button\").style.display = \"inline-block\";\n calculateBankerOffer();\n }\n}"
},
{
"search": "document.addEventListener(\"DOMContentLoaded\", function() {",
"replace": "document.addEventListener(\"DOMContentLoaded\", function() {\n document.getElementById(\"banker-offer\").style.display = \"none\";\n document.getElementById(\"deal-button\").style.display = \"none\";\n document.getElementById(\"no-deal-button\").style.display = \"none\";\n}"
},
{
"search": "document.getElementById(\"main-container\").innerHTML = \"<div id='game-message'></div><div id='case-container'></div>\";",
"replace": "document.getElementById(\"main-container\").innerHTML = \"<div id='game-message'><strong>Round 1</strong>: \" + gameMessage + \"</div><div id='case-container'></div><div id='banker-offer'></div><button id='deal-button' onclick='deal()'>Deal</button><button id='no-deal-button' onclick='noDeal()'>No Deal</button>\";"
},
{
"search": "gameMessage = \"🧳 Welcome to Deal or No Deal! Pick a case to start the game.\";",
"replace": "gameMessage = \"📺 Welcome to Deal or No Deal! Pick a case to start the game.\";"
},
{
"search": "document.getElementById(\"game-message\").innerText = gameMessage;",
"replace": "document.getElementById(\"game-message\").innerHTML = \"<strong>Round \" + roundNumber + \"</strong>: \" + gameMessage;"
},
{
"search": "#game-message {\n font-size: 2em;\n margin-bottom: 20px;\n}",
"replace": "#game-message {\n font-size: 2em;\n margin-bottom: 20px;\n text-align: center;\n}"
},
{
"search": ".case {\n background: #fff;\n color: #000;\n padding: 10px 20px;\n margin: 10px;\n cursor: pointer;\n border-radius: 5px;\n}",
"replace": ".case {\n background: #fff;\n color: #000;\n padding: 10px 20px;\n margin: 10px;\n cursor: pointer;\n border-radius: 5px;\n display: inline-block;\n width: 100px;\n height: 120px;\n text-align: center;\n line-height: 20px;\n font-size: 16px;\n}"
},
{
"search": "document.getElementById(\"game-message\").innerHTML = \"<strong>Game Over</strong>\";",
"replace": "document.getElementById(\"game-message\").innerHTML = \"<strong>Game Over</strong><br><br>Your final winnings: \" + winningAmount + \"<br><br>Thank you for playing Deal or No Deal!\";"
},
{
"search": "function updateGame() {\n var caseElements = \"\";\n cases.forEach(function(caseValue, caseNumber) {\n caseElements += \"<div class='case' onclick='selectCase(\" + caseNumber + \")'>🧳 \" + (caseNumber + 1) + \"</div>\";\n });\n\n document.getElementById(\"case-container\").innerHTML = caseElements;\n document.getElementById(\"game-message\").innerText = gameMessage;\n}",
"replace": "function updateGame() {\n var caseElements = \"\";\n cases.forEach(function(caseValue, caseNumber) {\n if (caseValue === '0') {\n caseElements += \"<div class='case opened'>\" + (caseNumber + 1) + \"</div>\";\n } else {\n caseElements += \"<div class='case' onclick='selectCase(\" + caseNumber + \")'>🧳 \" + (caseNumber + 1) + \"</div>\";\n }\n });\n\n document.getElementById(\"case-container\").innerHTML = caseElements;\n document.getElementById(\"game-message\").innerText = gameMessage;\n}"
},
{
"search": "#case-container {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n}",
"replace": "#case-container {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n margin-bottom: 20px;\n}"
},
{
"search": "#banker-offer {\n display: none;\n margin-bottom: 20px;\n text-align: center;\n}",
"replace": "#banker-offer {\n display: none;\n margin-bottom: 20px;\n text-align: center;\n font-size: 1.5em;\n}"
},
{
"search": "#deal-button, #no-deal-button {\n display: none;\n background-color: #fff;\n color: #000;\n padding: 10px 20px;\n cursor: pointer;\n border-radius: 5px;\n}",
"replace": "#deal-button, #no-deal-button {\n display: none;\n background-color: #fff;\n color: #000;\n padding: 10px 20px;\n cursor: pointer;\n border-radius: 5px;\n font-size: 1em;\n}"
},
{
"search": "document.getElementById(\"main-container\").innerHTML = \"<div id='game-message'></div><div id='case-container'></div><div id='banker-offer'></div><button id='deal-button' onclick='deal()'>Deal</button><button id='no-deal-button' onclick='noDeal()'>No Deal</button>\";",
"replace": "document.getElementById(\"main-container\").innerHTML = \"<div id='game-message'><strong>Round 1</strong>: \" + gameMessage + \"</div><div id='case-container'></div><div id='banker-offer'></div><button id='deal-button' onclick='deal()'>Deal</button><button id='no-deal-button' onclick='noDeal()'>No Deal</button><br><br><strong>Instructions:</strong><br>1. Select a case to keep as your own.<br>2. Open the remaining cases to reveal their values.<br>3. After each round, the banker will make you an offer. Choose 'Deal' or 'No Deal'.<br>4. Keep playing until only one case is left.<br>5. Good luck and have fun!</div>\";"
},
{
"search": "function updateGame() {\n var caseElements = \"\";\n cases.forEach(function(caseValue, caseNumber) {\n caseElements += \"<div class='case' onclick='selectCase(\" + caseNumber + \")'>🧳 \" + (caseNumber + 1) + \"</div>\";\n });\n\n document.getElementById(\"case-container\").innerHTML = caseElements;\n document.getElementById(\"game-message\").innerText = gameMessage;\n}",
"replace": "function updateGame() {\n var caseElements = \"\";\n cases.forEach(function(caseValue, caseNumber) {\n if (caseValue === '0') {\n caseElements += \"<div class='case opened'>\" + (caseNumber + 1) + \"</div>\";\n } else {\n caseElements += \"<div class='case' onclick='selectCase(\" + caseNumber + \")'>🧳 \" + (caseNumber + 1) + \"</div>\";\n }\n });\n\n document.getElementById(\"case-container\").innerHTML = \"<h2>Cases:</h2>\" + caseElements;\n document.getElementById(\"game-message\").innerHTML = \"<strong>Round \" + roundNumber + \"</strong>: \" + gameMessage;\n}"
},
{
"search": "function updateGame() {\n var caseElements = \"\";\n cases.forEach(function(caseValue, caseNumber) {\n caseElements += \"<div class='case opened'>\" + (caseNumber + 1) + \"</div>\";\n });\n\n document.getElementById(\"case-container\").innerHTML = caseElements;\n document.getElementById(\"game-message\").innerHTML = \"<strong>Game Over</