dangrain/fantastic-garbanzo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update RedditlikeMemo.HTML

Browse source
This commit is contained in:
Dangrainage 2023-08-25 15:03:19 +02:00 • committed by GitHub
parent cf3fb955b6
commit cf1dcfa825
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
RedditlikeMemo.HTML
View file

@ -13,7 +13,6 @@
height: 100vh;
margin: 0;
background-color: #fff3b0;
}
.game-button {
width: 100px;
@ -36,6 +35,12 @@
.yellow {
background-color: #b36609;
}
.counter {
position: absolute;
top: 10px;
right: 10px;
font-size: 20px;
}
</style>
</head>
<body>
@ -49,6 +54,7 @@
<h1>I am going to be frankly pretty honest, ChatGPT helped me a lot with this one.</h1>
<h1>I personally didn't really know that HTML has this many functions.</h1>
</p>
<div class="counter">Round: 0</div>
<script>
const buttonColors = ['green', 'red', 'blue', 'yellow'];
const gameSequence = [];
@ -93,6 +99,8 @@
if (playerSequence.length === gameSequence.length) {
if (JSON.stringify(playerSequence) === JSON.stringify(gameSequence)) {
round++;
updateRoundCounter();
await sleep(500);
playRound();
} else {
@ -114,9 +122,15 @@
gameSequence.length = 0;
playerSequence.length = 0;
round = 0;
updateRoundCounter();
playRound();
}
function updateRoundCounter() {
const counterElement = document.querySelector('.counter');
counterElement.textContent = `Round: ${round}`;
}
playRound(); // Start the game
</script>
</body>