Bugtong-bugtong: Pinoy Riddle Using HTML, CSS and JavaScript with Source Code
Welcome to Bugtong-bugtong: Pinoy Riddle! This fun and interactive game brings the traditional Filipino bugtong (riddles) to life using modern web technology. Filipino riddles have long been a part of our rich cultural heritage, passed down through generations as a way to entertain, educate, and challenge the mind. With this game, you can test your wit and problem-solving skills while enjoying classic and modern bugtong in a visually engaging format.
Built using HTML, CSS, and JavaScript, this game features a flip-card animation to reveal answers and a simple, user-friendly interface. Clicking the card will flip it to show the answer, and a "Next Riddle" button lets you explore more bugtong. Whether youโre playing for fun or to sharpen your thinking skills, this game is a great way to celebrate and revive the beauty of Filipino riddles. Tara, sagutan natin ang mga bugtong!
You may also check this simple HTML, CSS and JavaScript project:
Features:
A collection of traditional Filipino riddles (bugtong)
Flip-card animation to reveal answers
Next button to load a new riddle
Responsive design for better user experience
Simple and intuitive interface
Technologies Used:
๐น HTML โ For structuring the web page
๐น CSS โ For styling and animations
๐น JavaScript โ For game logic and interactivity
How to Play:
- Click on the card to reveal the answer to the displayed riddle.
- Click the "Next Riddle" button to load a new riddle.
- Keep playing and challenge your friends to see who can solve the most riddles!
Sample Screenshots of the Project
Front Card (Riddle)

Back Card (Answer)

How to Run?
- Download the provided source code zip file.
- Extract the downloaded zip file.
- Open the html file and you are now ready to go!
Video Demonstration for Installation/Setup:
Conclusion:
In conclusion, the Bugtong-bugtong: Pinoy Riddle is a fun and engaging way to reconnect with Filipino culture while challenging your mind with classic riddles. With its simple yet interactive design, this game makes learning and enjoying bugtong easy and exciting for everyone. Whether you're playing alone or with friends, it's a great way to test your wit and keep the tradition alive. So go ahead, flip the card, guess the answer, and enjoy the timeless charm of bugtong!
That's it! I hope this "Bugtong-bugtong: Pinoy Riddle Using HTML, CSS and JavaScript" will assist you on your programming journey, providing value to your current and upcoming projects.
For additional tutorials and free source codes, explore our website.
Enjoy Coding :>>
Note: Due to the size or complexity of this submission, the author has submitted it as a .zip file to shorten your download time. After downloading it, you will need a program like Winzip to decompress it.
Virus note: All files are scanned once-a-day by SourceCodester.com for viruses, but new viruses come out every day, so no prevention program can catch 100% of them.
FOR YOUR OWN SAFETY, PLEASE:
1. Re-scan downloaded files using your personal virus checker before using it.
2. NEVER, EVER run compiled files (.exe's, .ocx's, .dll's etc.)--only run source code.
Add new comment
- 112 views