JSFiddle - React, Tailwind, and code Playground

HTML

<div id="event"></div>
<div id="properties"></div>

JavaScript

var reporters = {};
reporters.event = document.getElementById('event');
reporters.valorRoda = document.getElementById('properties');

// write in page
function report(what, ammout){
    reporters[what].innerHTML = what + ': ' + ammout;
}

function callback(event){
    var roda = (event.wheelDelta) ? event.wheelDelta : -(event.detail || event.deltaY);
    roda = roda > 0 ? 1 : -1;
    report('valorRoda', roda);
}

var event = 'onwheel' in document ? 'wheel' : 'onmousewheel' in document ? 'mousewheel' : 'DOMMouseScroll';
report('event', event);

window.addEventListener(event, callback);