mobile first pricing component, vanilla CSS, JS

Community feedback

• 

  Bonrey•1,130

  @BonreyPosted over 3 years ago

  Hello, Jurijus! Your component looks great! 👏 However, there're a few little bugs that I noticed:

  • When I toggle the switch from "monthly" to "yearly" billing, the text / month doesn't change to / year;
  • Also, the price should be calculated for the yearly billing the following way: monthly billing * 12 * 0.75 = monthly billing * 9. (I'm taking the discount into account here.) Now, it works somewhat strangely.
  • Just a minor suggestion: change your toggle switch background color when it's activated (set on yearly billing) rather than on hover.

  Good luck with your coding! You're doing great! 🌟

  1

  ---

  

  Jurijus•300

  @juryousPosted over 3 years ago

  Hello, @Bonrey ! I haven't found anything that specific in the readme file, it only says that 25% discount should be applied to all prices. Your solution is great, thank you for the feedback!

  0

  

  Bonrey•1,130

  @BonreyPosted over 3 years ago

  @juryous yeah, it's just pure logic. Normally you would pay 12 times more for one year than for one month 😅

  0