Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@angelabauer
angelabauer authored Mar 7, 2024
1 parent a21b53d commit 7cfd803
Show file tree
Hide file tree
Showing 3 changed files with 311 additions and 0 deletions.
27 changes: 27 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./styles/main.css">
<link
href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400italic,700,700italic&amp;subset=latin,greek,cyrillic"
rel="stylesheet" type="text/css">
<script src="https://code.jquery.com/jquery-3.7.1.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous">
</script>

<title>Demo</title>
</head>

<body>
<div class="terminal" id="Terminal">
<div class="console-line">Click <button id="run-button">Run</button> to run the final project you will build.</div>
<div class="content" id="Content"></div>

</div>
</body>
<script src="./index.js"></script>

</html>
223 changes: 223 additions & 0 deletions index.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,223 @@
//Current line
var CurrentId = undefined;

var inputValues = [];
const inputPrompts = [
"Type 'y' to get another card, type 'n' to pass: ",
"Do you want to play a game of Blackjack? Type 'y' or 'n': ",
];

const logo = `
.------. _ _ _ _ _
|A_ _ |. | | | | | | (_) | |
|( \\/ ).-----. | |__ | | __ _ ___| | ___ __ _ ___| | __
| \\ /|K /\\ | | '_ \\| |/ _' |/ __| |/ / |/ _' |/ __| |/ /
| \\/ | / \\ | | |_) | | (_| | (__| <| | (_| | (__| <
'-----| \\ / | |_.__/|_|\\__,_|\\___|_|\\_\\ |\\__,_|\\___|_|\\_\\
| \\/ K| _/ |
'------' |__/
`;

//Click Run
$(document).ready(function () {
$("#run-button").click(function () {
inputValues = [];
$("#Content").empty();

NewLine("Do you want to play a game of Blackjack? Type 'y' or 'n': ", true);
});
});

function newRound() {
user_score = calculate_score(user_cards);
computer_score = calculate_score(computer_cards);

NewLine(` Your cards: [${user_cards}], current score: ${user_score}`);
NewLine(` Computer's first card: ${computer_cards[0]}`);

console.log(user_score, computer_score);

if (user_score == 0 || computer_score == 0 || user_score > 21) {
console.log("game over");
game_is_over = true;
} else {
NewLine(inputPrompts[0], true);
}
}

function restart() {
$("#Content").empty();
inputValues = ["y"];
user_cards = [];
computer_cards = [];
game_is_over = false;
NewLine(logo, false);
for (let i = 0; i < 2; i++) {
user_cards.push(deal_card());
computer_cards.push(deal_card());
}

newRound();
}

let user_cards = [];
let computer_cards = [];
let game_is_over = true;
let user_score;
let computer_score;

//Enter button
$(document).on("keydown", function (e) {
var x = event.which || event.keyCode;
if (x === 13 || x == 13) {
var consoleLine = $("#" + CurrentId + " input").val();
inputValues.push({ id: CurrentId, val: consoleLine });

if (inputValues[inputValues.length - 1].val == "y" && game_is_over) {
console.log("0 called");
restart();
} else if (inputValues[inputValues.length - 1].val == "n" && game_is_over) {
$(".console-carrot").remove();
return;
}

if (
inputValues[inputValues.length - 1].val == "y" &&
inputValues.length > 1
) {
console.log("-1 called");

user_cards.push(deal_card());
newRound();
} else if (
inputValues[inputValues.length - 1].val == "n" &&
inputValues.length > 1
) {
game_is_over = true;
while (computer_score != 0 && computer_score < 17) {
computer_cards.push(deal_card());
computer_score = calculate_score(computer_cards);
}
}

if (game_is_over) {
NewLine(
` Your final hand: [${user_cards}], final score: ${user_score}`,
false
);
NewLine(
` Computer's final hand: [${computer_cards}], final score: ${computer_score}`,
false
);
NewLine(compare(user_score, computer_score), false);

NewLine(
"Do you want to play a game of Blackjack? Type 'y' or 'n': ",
true
);
}

// $(".console-carrot").remove();
// if (biddingShouldContinue) {
// NewLine(inputPrompts[inputValues.length - 1], true);
// }
}
});
$(document).on("keydown", function (e) {
var x = event.which || event.keyCode;
var line = $("#" + CurrentId + " input");
var length = line.val().length;
if (x != 8) {
line.attr("size", 1 + length);
} else {
line.attr("size", length * 0.95);
}
if (length === 0) {
$("#" + CurrentId + " input").attr("size", "1");
}
});
$(document).on("click", function (e) {
$("#" + CurrentId + " input").focus();
});

//New line
function NewLine(text, isPrompt) {
$(".console-carrot").remove();
if (CurrentId !== undefined) {
$("#" + CurrentId + " input").prop("disabled", true);
}
CurrentId = "consoleInput-" + GenerateId();

if (isPrompt) {
$("#Content").append(
//One Line
'<div id="' +
CurrentId +
'">' +
text +
'<input autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" type="text" class="terminal-input" /><div class="console-carrot"></div></div>'
);
$("#" + CurrentId + " input").focus();
$("#" + CurrentId + " input").attr("size", "1");
} else {
$("#Content").append('<div id="' + CurrentId + '">' + text + "</div>");
}
document.getElementById(CurrentId).scrollIntoView();
}

function deal_card() {
const cards = [11, 2, 3, 4, 5, 6, 7, 8, 9, 10, 10, 10, 10];
const card = cards[Math.floor(Math.random() * cards.length)];
return card;
}

function calculate_score(cards) {
if (
cards.reduce((partialSum, a) => partialSum + a, 0) == 21 &&
cards.length == 2
) {
return 0;
}
if (
cards.includes(11) &&
cards.reduce((partialSum, a) => partialSum + a, 0) > 21
) {
cards.splice(cards.indexOf(11), 1);
cards.push(1);
}
return cards.reduce((partialSum, a) => partialSum + a, 0);
}

function compare(user_score, computer_score) {
if (user_score > 21 && computer_score > 21) {
return "You went over. You lose 😤";
}

if (user_score == computer_score) {
return "Draw 🙃";
} else if (computer_score == 0) {
return "Lose, opponent has Blackjack 😱";
} else if (user_score == 0) {
return "Win with a Blackjack 😎";
} else if (user_score > 21) {
return "You went over. You lose 😭";
} else if (computer_score > 21) {
return "Opponent went over. You win 😁";
} else if (user_score > computer_score) {
return "You win 😃";
} else {
return "You lose 😤";
}
}

function GenerateId() {
return Math.random().toString(16).slice(2);
}

function shuffleArray(array) {
for (let i = array.length - 1; i > 0; i--) {
const j = Math.floor(Math.random() * (i + 1));
[array[i], array[j]] = [array[j], array[i]];
}
return array;
}
61 changes: 61 additions & 0 deletions styles/main.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@
body {
background: #141414;
}

button {
font-size: 30px;
}

.content {
white-space: pre;
}

.terminal {
font-family: "IBM Plex Mono", monospace;
color: rgb(187, 187, 187);
font-size: 30px;
font-weight: 100;
}

.terminal-input {
background: rgba(0, 0, 0, 0);
font-family: monospace;
color: transparent;
font-size: 30px;
outline: none;
border: none;
-webkit-text-fill-color: rgb(187, 187, 187);
}

.terminal-purple {
color: #5050f2;
}

.console-line {
color: rgb(0, 178, 0);
}

.login-line {
color: #fff;
}

.console-carrot {
vertical-align: middle;
background: #fff;
height: 32px;
width: 17px;
margin-left: -7px;
display: inline-block;
animation: blink 1s step-start 0s infinite;
}

::selection {
background-color: #fff;
color: #000;
}

@keyframes blink {
50% {
opacity: 0;
}
}

0 comments on commit 7cfd803

Please sign in to comment.