Skip to content
Submitted 9 months ago

Responsive interactive pricing component

Levis Kim•1,200
@Orekihotarou-k
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

Hi✨. I need help with changing the value of the sliderValue on mobile devices when moving the range. I've tried multiple options but I can't seem to figure it out.

Community feedback

  • Bilal•190
    @MuilibilalPosted 9 months ago

    In your Javascript file, instead of selecting the one for just desktop, with querySelector, use querySelectorAll to select both value container classes and then for each of them, update their values in DOM

    0
    Levis Kim•1,200
    @Orekihotarou-kPosted 9 months ago

    I didn't notice that. Thanks @Muilibilal .

    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