Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive interactive pricing component

Levis Kim 1,180

@Orekihotarou-k

Desktop design screenshot for the Interactive pricing component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

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

@Muilibilal

Posted

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,180

@Orekihotarou-k

Posted

I didn't notice that. Thanks @Muilibilal .

0

Please log in to post a comment

Log in with GitHub
Discord logo

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