JSFiddle - React, Tailwind, and code Playground

HTML

<form id="rate" method="post">
    <label><input type="radio" name="rating" value="1">1</label>
    <label><input type="radio" name="rating" value="2">2</label>
    <label><input type="radio" name="rating" value="3">3</label>
    <label><input type="radio" name="rating" value="4">4</label>
    <label><input type="radio" name="rating" value="5">5</label>
    <label><input type="radio" name="rating" value="6">6</label>
    <label><input type="radio" name="rating" value="7">7</label>
    <label><input type="radio" name="rating" value="8">8</label>
    <label><input type="radio" name="rating" value="9">9</label>
    <label><input type="radio" name="rating" value="10">10</label>
</form>

JavaScript

document.getElementById("rate").onclick = function(e) {
    var src = e.srcElement || e.target;
    if (src.type == "radio") {
        alert(src.value);
    }
};