Dragon Repeller is a beginner-friendly browser RPG built with HTML, CSS, and JavaScript as a learning project from freeCodeCamp.
In this game, you start in a town square with a small amount of health, gold, and experience. You can:
- Visit the store to buy health or upgrade your weapon
- Explore the cave to fight weaker monsters
- Challenge the dragon to win the game
The game uses button-driven choices and displays updated stats and monster information dynamically.
- Open
dragon_repeller.htmlin a web browser. - Use the on-screen buttons to move between town, store, and cave.
- Buy health or weapons with gold to improve your chances.
- Fight monsters and gain XP and gold.
- Face the dragon and defeat it to win.
dragon_repeller.html— main game page and UI structuredragon_repeller.css— styling for the game layout and buttonsdragon_repeller.js— game logic, combat, inventory, and navigation
This project was created to practice:
- HTML page structure for a simple game UI
- CSS styling for a compact in-browser game layout
- JavaScript event handling and game state management
- Basic RPG mechanics like health, weapons, inventory, and combat
This game is a small, self-contained demo suitable for experimenting with JavaScript and learning how interactive browser games work.