Displaying array value based on number JS

Question

I am using star rating plugin and in the star selection its return value in number that I am able to use it. Now I want to add another functionality on this that is, when I select star 1, it should show some message and the similar with star2, star 3 and so on.

The value of each star selection would in the array, but I am not able to print successfully, following

How do I show the message on each star selected?

$('rating').starrr({
    change: function(e, value) {
        console.log(value);

        //this is message
        var ratingMsgs = [
            'star 1 selected',
            'star 2 selected',
            'star 3 selected',
            'star 4 selected',
            'star 5 selected'
        ];
        var ratingMsg = $("p.message");
        //This is just showing the first value, but I want to value conditionally 
        ratingMsg.removeClass('hidden').append(ratingMsgs[0]);
    }
});

why are you doing .append(ratingMsg[0]) ratingMsg[index] this index should point to user selection — AurA
– AurA, Commented May 11, 2018 at 9:55
number, like if I click 1 star then 1..if clicked 5 and 5 in number — Sanjeev Kumar
– Sanjeev Kumar, Commented May 11, 2018 at 9:56

gurvinder372 · Accepted Answer · 2018-05-11 10:06:33Z

1

Instead of ratingMsgs[0], give ratingMsgs[value - 1] and text instead of append

ratingMsg.removeClass('hidden').text(ratingMsgs[ value - 1 ]);

edited May 11, 2018 at 10:06

answered May 11, 2018 at 9:58

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Sanjeev Kumar Over a year ago

thanks for the answer, I have updated based on your suggestion but what I am getting it, if I am click on star, message of star 1 should show, but its starting from star 2.

gurvinder372 Over a year ago

Try with value - 1

Sanjeev Kumar Over a year ago

Excellent, worked as expected. thanks alot! +1 for the instant reply.

Collectives™ on Stack Overflow

Displaying array value based on number JS

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related