How to use slider

Hi everyone,

One of my students want to create an app, where when they select a mood button and then press submit a message will be displayed based on the mood selected. We got that code working.

Now they want to add a slider component where when they select the mode and change the slider value (between 1&5) a message will be displayed. They want it where when the mood is selected, slider value changed and submit a message will appear.

I am having issues with coding the slider to get it working.



Can you share a link to the project? I think you have it set up correctly but it would be easier to troubleshoot if I could test it out.

Can you give an example of what each screen should display in the labels if – for example – the slider is all the way to the right and the user clicks Happy?

Just an aside: this doesn’t do anything:

image

It’s like writing x = x in math.

Also, food for thought: Let’s Stop Using the Word Lame | Learning for Justice

I was using the word “lame” and have been working to remove it from my vocabulary.

1 Like

Here is the link:

Try this:

I only coded it for the slider to work with the Happy mood.