Understanding JavaScript Backticks (Template Literals)
Introduced in ECMAScript 2015 (ES6), Template Literals—commonly referred to as Backticks ( )—are a powerful feature in JavaScript used to work with strings in a cleaner, more flexible way compared to single (') or double (") quotes.
The backtick character is located on standard keyboards right below the Esc key (on the tilde ~ key).
How It Works in This Project:
1. The entire navbar HTML is written once inside backticks within a single navbar.js file.
2. JavaScript injects this HTML string into a target placeholder element across 10 different pages using innerHTML.
Why This Technique Outperforms Static HTML :
1. Maintainability: Adding, removing, or editing a menu item requires modifying only one file (navbar.js) instead of opening and updating 10 separate HTML documents.
2. Codebase Size: Drastically reduces total line count across project files, resulting in a cleaner repository.
3. Framework-Free Componentization: Provides modular component functionality—similar to React or Vue components—using native ES6 JavaScript without external build tools.