π Overview Sometimes when you're coding a web application, you need to accept input from a user. In this Calorie Counter Workshop, you'll practice how to:
β Validate user input β Perform calculations based on the input β Dynamically update the interface to display results
Additionally, you'll get hands-on experience with:
πΉ Basic regular expressions for input validation πΉ Template literals for cleaner, more readable code πΉ The addEventListener() method for handling user interactions
π Technologies Used HTML, CSS, JavaScript
Regular expressions
Event-driven programming
π Getting Started Clone the repository:
git clone https://github.com/yourusername/calorie-counter.git
Open index.html in your browser to start using the app.
Modify and experiment with the JavaScript logic in script.js.
π‘ Features User-friendly interface for entering and tracking calories
Live validation of input fields
Instant calorie calculations with real-time updates
π Project Structure bash Copy Edit /calorie-counter βββ index.html # Main HTML file βββ style.css # Styling for the app βββ script.js # Core JavaScript logic βββ README.md # Project documentation π Contributing Contributions are welcome! Feel free to fork this repo, make your changes, and submit a pull request.
π License This project is open-source and available under the MIT License.
Happy coding! π