Build a Lifehack Calculator

Prerequisite

• HTML5
• CSS
• JavaScript, jQuery
• Optional
  • Responsive Design with Bootstrap

You do not need to understand all knowledge of HTML5, CSS, and JavaScript.

Requirement

Objective: Build a CodePen.io app that is functionally similar to this: http://gumroadplancalculator.yingjiehu.com/.

Here are some ideas you can consider.

• Compare plans from multiple companies (e.g., cell phone plans, cloud storage plan)
• Compare plans from one companies (e.g., mortage plans from one bank)

Rule: Don’t look at the example project’s code. Figure it out for yourself.

Use whichever libraries you need. Give it your own personal style.

• I can restrict input type from users (string or numbers).
• I can calculate the results correctly.
• The numbers obtained keep reasonable decimal digits.
• The website can tell me which plan is better.

Optional:

• I upload the website to GitHub.
• I give the website a subdomain of my personal domain.
• I submit my calculator project to Awesome Lifehack Calculators

Remember to ask questions in Discord if you get stuck.

Additional Resources

• Using JavaScript and forms