JSFiddle - React, Tailwind, and code Playground

HTML

<form>
<input type="range" min="0" max="10" step="1" value="0">
</form>

JavaScript

var rg = document.querySelector('input[type=range]');

rg.addEventListener('input', checkAndSubmit, false);

function checkAndSubmit(e){
    if(parseInt(e.target.value,10) > 7)
        e.target.form.submit();
}