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