JSFiddle - React, Tailwind, and code Playground

by Ricardo Pontual

HTML

<div id="console-log"></div>

<div id="test" style="height: 1000px; overflow: auto; background-color: #fafafa">
    
</div>

CSS

.console-line
{
    font-family: monospace;
    margin: 2px;
}

JavaScript

var array = [];

var consoleLine = "<p class=\"console-line\"></p>";
 
console = {
    log: function (text) {
        $("#console-log").append($(consoleLine).html(text));
    }
};


$( document ).scroll(function() {
	console.log('scroll: ' + (array == undefined));
	console.log(array);
//returns array contents

$('div').each(function(){
   	console.log('div: ' + (array == undefined));
    console.log(array);
//returns undefined


});
});