---
title: "JavaScript Rating with Jsuites v4"
description: "Vanilla JavaScript star rating plugin"
source: https://jsuites.net/docs/v4/rating
---
The `jSuites.rating` is a lightweight (1Kb) JavaScript star rating plugin. It can be used as a web component or a vanilla plugin as below.
* React, Angular, Vue compatible;
* Mobile friendly;
* Several events and easy integration;
* JS plugin or web component;
{.right}
Quick reference
---------------
Considering the example below:
```html
```
### Available Methods
| Method | Description |
| --- | --- |
| myRating.getValue(); | Get the current value |
| myRating.setValue(number) | Set a new value @param int newValue - Set a new value |
### Initialization properties
| Property | Description |
| --- | --- |
| number: number | How many stars to be rendered. Default: 5 |
| value: number | Initial value. Default: null |
| tooltip: array | Legend for the stars. Default: [ 'Very bad', 'Bad', 'Average', 'Good', 'Very good' ] |
### Available Events
| Method | Description |
| --- | --- |
| onchange | Trigger a method when value is changed. onchange(element: DOMElement, value: number) => void |
Examples
--------
### Rating as a web component
Quick five start rating example with a specified value and tooltip.
Value: 4
```html
```
### JavaScript star rating plugin
Customize the number of star of the rating plugin.
```html
```
External references
-------------------
* [JavaScript rating](https://github.com/jsuites/jsuites/blob/master/src/rating.js) source code
* LemonadeJS [JavaScript rating component](https://lemonadejs.com/v2/library/rating)
* React [rating component](https://codesandbox.io/s/jsuites-rating-with-react-xfdmu)