Skip to content

Comments

Javascript3 week2/guzide#5

Open
GuzideGuzelbey wants to merge 7 commits intomainfrom
javascript3-week2/guzide
Open

Javascript3 week2/guzide#5
GuzideGuzelbey wants to merge 7 commits intomainfrom
javascript3-week2/guzide

Conversation

@GuzideGuzelbey
Copy link
Owner

@GuzideGuzelbey GuzideGuzelbey commented Jan 25, 2025

Project completed. Thanks in advance :)

@GuzideGuzelbey GuzideGuzelbey changed the title Js part is completed but still trying to complete css part. Javascript3 week2/guzide Jan 25, 2025
Copy link

@jmf-umbraco jmf-umbraco left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great! I've added a couple of small suggestions. The biggest one is perhaps providing the user a little more feedback when the game is over - Did they win or lose? (It should be obvious, but sometimes users... can be users 😆)

Nice one!


gameOver = true;

alert("Time is up! Game over!\nPress 'Restart' button to play again.");

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Did the user win or lose? Maybe we could show that in the message?

Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You are right, thanks for the feedback. Yes users!

BTW I also got some other feedbacks today for the user interaction in the presentation. So more explicit feedbacks and interactions are coming soon for the user:)

body {
background-color: violet;
height: 100vh;
* {

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice one. The box-sizing reset is extremely useful. I typically recommend that every web project should begin with it in their styles.

It would have been great if it was the standard, but unfortunately that's hard to change when you have hundreds of millions of websites relying on a particular behaviour!

function getData(callback) {
fetch(
async function getData(callback) {
const response = await fetch(

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great!

Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks :)

index.html Outdated
<div class="flip-counter">Flips: 0</div>
<div class="left">
<div class="flip-counter">Flips: 0</div>
<div class="timer"><span>00</span>min<span>00</span>sec</div>

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Are these <span> elements necessary? Perhaps we were going to target them from the javascript, but changed plans?

Copy link
Owner Author

@GuzideGuzelbey GuzideGuzelbey Jan 26, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tbh I did not question it when I found it on a website. I did not know they were unnecessary :D
Done.

@netlify
Copy link

netlify bot commented Jan 26, 2025

Deploy Preview for mem-memorygame ready!

Name Link
🔨 Latest commit 32cfd1c
🔍 Latest deploy log https://app.netlify.com/sites/mem-memorygame/deploys/67965b20d87c1000080a9198
😎 Deploy Preview https://deploy-preview-5--mem-memorygame.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants