JSFiddle - React, Tailwind, and code Playground

by asfar mohamed

HTML

<script src="https://cdn.firebase.com/js/client/1.0.15/firebase.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<body> 

<div id='views-container'>
    <div class='mbtloading viewscount' id='postviews'></div>
<div class='views-text'></div>
</div>
</body>

JavaScript

window.setTimeout(function() { 
    document.body.className = document.body.className.replace("loading", ""); 
}, 10); 

$.each($("h1"), function(i, e) { 
    var elem = $(e).parent().find("#postviews").addClass("loading"); 

    var blogStats = new Firebase("https://visetors.firebaseio.com/pages/id/" + $(e).text()); 
    blogStats.once("value", function(snapshot) { 
        var data = snapshot.val(); 
        var isnew = false; 
        if(data == null) { 
            data= {}; 
            data.value = 0; 
            data.url = window.location.href; 
            data.id = $(e).text(); 
            isnew = true; 
        }
        console.log(data)
        elem.removeClass("loading").text(data.value); 
        data.value++; 
        blogStats.set(data); 
    }); 
});