Skip to content
Submitted over 3 years ago

html css javascript

Dimitrios Politis•285
@grmajik
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive pricing component
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

My script is terrible. I am 100% certain that there are plenty of other, better ways to achieve the same functionality. But hey, it works! 🙂💪

Community feedback

  • Account deleted

    Nice job on the functionality.

    I think you missed the icon that is supposed to be on the slider, and the toggle/switch is not centered horizontally.

    On applying the discount, I think you made a lil bit of mistake, $8 is supposed to be $6 when the 25% discount is applied, not the $2 you wrote. your math is supposed to be $8 - ($8 * 0.25) = $6, and do that with all the numbers, then your 25% discount will be correct.

    Keep coding.

    3
    Dimitrios Politis•285
    @grmajikPosted over 3 years ago

    @thulanigamtee Yes, thank you ! I did 75% off, not 25% 😅

    Are you on chrome ? I'm using Firefox, and I am not checking browser compatibility. I should though. Thanks a lot for pointing this out!

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord