Tip Calculator using CSS and JS only

Community feedback

• 

  Petrit Nuredini•2,860

  @petritnurediniPosted 9 months ago

  Congratulations on completing the Tip Calculator App project! Your work shows a great understanding of HTML, CSS, and JavaScript. Here are some short suggestions to enhance your project:

  1. Semantic HTML: Use more semantic elements like <header>, <footer>, and <section> for better structure and accessibility. Explore more about semantic HTML here.

  2. CSS Best Practices: Try to keep your CSS selectors minimal and avoid deep nesting. This improves readability and maintainability. Learn more here.

  3. Responsive Design: Ensure the design is responsive on various devices. You might want to use a mobile-first approach and use media queries to adjust the layout for larger screens. Check out this guide on responsive design.

  4. JavaScript Input Validation: Your script handles input validation well. Consider also validating the input format (e.g., no negative numbers, reasonable tip percentages).

  5. Accessibility: Make sure all interactive elements are accessible, including keyboard navigation and screen reader compatibility. Find out more about accessibility here.

  6. Code Organization: Organize your JavaScript and CSS files into meaningful sections and use comments where necessary. This makes your code easier to read and maintain.

  Keep up the fantastic work! The skills you're developing will be invaluable as you continue to tackle more complex projects and challenges in web development.

  0