Mouse wheel data

HTML

<div>Turn your wheel here</div>

<h3>Output</h3>

<ol></ol>

CSS

div {
    align-items:center;
    background-color:#249;
    color:white;
    display:flex;
    height:10em;
    justify-content:center;
    width:10em;
}

JavaScript

var div = document.querySelector('div');
var ol = document.querySelector('ol');
div.addEventListener('wheel', function (e) {
    var date = new Date();
    var msg = date.getSeconds() + ':' + date.getMilliseconds() + ': deltaY: ' + e.deltaY + '; wheelDelta: ' + e.wheelDelta;
    var li = document.createElement('li');
    li.textContent = msg;
    ol.appendChild(li);
    e.preventDefault();
});