JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu">
           <div class="mb">
            <p id="a2">1</p>
            <input type="range" id="b" min="1" max="70" step="1" value="1">
        </div>
    </div>

JavaScript

var moveB = forMoveB();
       
        function Target(e){
            var et = e.target.tagName;
            var eId = e.target.id;
            if(et=="INPUT"){
            e.target.parentElement.children[0].innerHTML=e.target.value;
            }
            if(eId=='b'){
            moveB();
            }
        } 
       
        function forMoveB(){
             var i = 1;
             var inside = 1;
            return function(){
            var b = parseInt(document.getElementById('b').value);
            if(inside<b){
            console.log(inside+"<"+b)
            }
            if(inside>b){
            console.log(inside+">"+b)
            }
            inside = b;
            i = b;
            }
        }
        
    document.getElementById('menu').addEventListener('input', Target);