JSFiddle - React, Tailwind, and code Playground

HTML

<div>Faça scroll com o mouse aqui...</div>
<div id="roda"></div>

JavaScript

var roda = document.getElementById('roda');

// escrever na página
function report(what, ammout) {
    roda.innerHTML = 'Valor da roda: ' + ammout;
}

// função para normalizar o valor da roda
function callback(event) {
    var normalized;
    if (event.wheelDelta) {
        normalized = (event.wheelDelta % 120 - 0) == -0 ? event.wheelDelta / 120 : event.wheelDelta / 12;
    } else {
        var rawAmmount = event.deltaY ? event.deltaY : event.detail;
        normalized = -(rawAmmount % 3 ? rawAmmount * 10 : rawAmmount / 3);
    }
    report('roda', normalized);
}

var event = 'onwheel' in document ? 'wheel' : 'onmousewheel' in document ? 'mousewheel' : 'DOMMouseScroll';
window.addEventListener(event, callback);