A compact lab to showcase JavaScript fundamentals in action: variables, conditionals, functions, loops, and DOM — all in a single, easy-to-read project, crafted with pure CSS & JS.
Live Demo (GitHub Pages): https://augusto047.github.io/javascript-fundamentals-interactive-page/
- Basics: typed inputs → conditional categorization
- Functions: Reusable logic for determining age from year of birth
- Loops: countdown, sum with
for...of
, star pattern - DOM: selection, event listeners, text updates, class toggling, dynamic element creation
- Design: visual styles are applied to clearly illustrate the DOM interactions
/
├─ index.html
├─ style.css
├─ script.js
├─ assets/
│ └─ logo.svg
│ └─ sounds/
│ └─ click.mp3
├─ README.md
- Open
index.html
in your browser (no build tools required). - Try the form, calculator, and the loop buttons.
- Toggle the theme to see DOM class manipulation.
This project is licensed under the MIT License. See the LICENSE file for more details.
- Augusto Mate
- Email: [email protected]
“Small, focused examples make fundamentals unforgettable.”