OnMouseOut Alternative

Hi

I have a couple star rating inputs that I capture into a variable and then average to get an average rating. This is fine, but OnMouseOut is a bit buggy and on mobile this is obviously not an option.

Are there any better ways of doing this? I realise this is a basic question, but not sure how to make it moore efficient and am just starting out with coding in Wix?

Here is my code:
export function rating_mouseOut ( event ) {

//Capture ratings
let rating1 = Number ( $w ( ‘#rating1’ ). value );
let rating2 = Number ( $w ( ‘#rating2’ ). value );
let rating3 = Number ( $w ( ‘#rating3’ ). value );
let rating4 = Number ( $w ( ‘#rating4’ ). value );
let rating5 = Number ( $w ( ‘#rating5’ ). value );
let rating6 = Number ( $w ( ‘#rating6’ ). value );
let rating7 = Number ( $w ( ‘#rating7’ ). value );
let rating8 = Number ( $w ( ‘#rating8’ ). value );
let rating9 = Number ( $w ( ‘#rating9’ ). value );

//Calculate average
let ratingAverageString = Number (( rating1 + rating2 + rating3 + rating4 + rating5 + rating6 + rating7 + rating8 + rating9 )/ 9 );
$w ( “#dataset3” ). setFieldValue ( ‘ratingAverage’ , ratingAverageString );

console . log ( ratingAverageString );

}

Thanks!

What would you like to have for mobile? There’s no hovering on mobile. Do you want to make it on click (for mobile only).

  • Please explain in more details what you’re trying to do for desktop (maybe add screenshot to make it clearer).