Skip to content

Latest commit

Β 

History

13 Commits

Folders and files

NameName
Last commit message
Last commit date
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“Œ 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! πŸš€

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages