Timeguessr
- 5 Devlogs
- 4 Total hours
A simple guessing game where you try to guess what happened first
Ship #1
Pending review
Devlog 5 — Final Styling and README
I finished the project by working on the style.css and making the website look cleaner. I added more styling to the buttons, headings, layout and overall page. I also created a README.md file explaining what the project is, how to use it and what technologies I used. The main game is now finished and everything works! Have fun playing! :)
Devlog 4 — Scoring and Fixes
I added the scoring system and some headers to make the website clearer. I also went through the events and fixed some that had dates in their titles (so it would be very easy to guess them). The score now updates properly after each guess, showing the number of correct answers and the percentage. Now I will work on style.css
Devlog 3 — Making the Game Work
Today I made the game actually playable.
You can now click one of the two events to guess which one happened first. The game checks the dates and tells you if your answer was correct. I also added a Next button, so after making a guess you can move on to the next question instead of having to refresh the page. It appears after you guessed, then disappears when pressed.
Up next: Add the score that updates after each guess, showing how many you got right out of the total and your percentage.
Devlog 2 — Making the options
I started building the actual webpage using HTML. I added two buttons where the random events will appear. I added the list of 200 events and made the game randomly choose two of them. I made sure that it doesn’t choose the exact same event twice. I also added two images (one for each option) which are randomly generated.
I’m keeping the HTML quite basic because there isn’t really a need for anything complicated in this project.
Devlog 1 — JSON
Today I started planning my website project. Funny, because I started working on something else, but I got this idea and throw that project away to start working on this: I decided to make a game where the player gets two random world events and has to guess which one happened first.
I made 200 events in total (json), ranging from 1976 to 2026. Each event has a name and a year, and an image query.
I want to keep the website really simple, so there won’t be a menu or loads of different pages. It will basically just have the two event buttons, two images, the result, and the score. I’m using HTML for the structure, CSS for the design and Javascript for the game.
