scrollreveal javascript not defined
<p>so i have this code ...</p>

<pre><code>window.sr = ScrollReveal({ reset: true });

    sr.reveal('.whitecircle, .circleStatsItemBox, .circleStat', { duration: 200 });
function circle_progess() {

    var divElement = $('div'); //log all div elements

    if (retina()) {

        $(".whiteCircle").knob({
            'min':0,
            'max':100,
            'readOnly': true,
            'width': 240,
            'height': 240,
            'bgColor': 'rgba(255,255,255,0.5)',
            'fgColor': 'rgba(255,255,255,0.9)',
            'dynamicDraw': true,
            'thickness': 0.2,
            'tickColorizeValues': true
        });

        $(".circleStat").css('zoom',0.5);
        $(".whiteCircle").css('zoom',0.999);


    } else {

        $(".whiteCircle").knob({
            'min':0,
            'max':100,
            'readOnly': true,
            'width': 120,
            'height': 120,
            'bgColor': 'rgba(255,255,255,0.5)',
            'fgColor': 'rgba(255,255,255,0.9)',
            'dynamicDraw': true,
            'thickness': 0.2,
            'tickColorizeValues': true
        });

    }



        $(".circleStatsItemBox").each(function() {
  var value = $(this).find(".count &gt; .number").html();
  var unit = $(this).find(".value &gt; .unit").html();
  var percent = $(this).find("input").val() / 100;

  countSpeed = 2300 * percent;
  endValue = value;

  $(this).find(".count &gt; .unit").html(unit);
  $(this).find(".count &gt; .number").countTo({
    from: 0,
    to: endValue,
    speed: countSpeed,
    refreshInterval: 50
  });

  //$(this).find(".count").html(value*percent + unit);
});

} 
</code></pre>

<p>and i want to use the reveal scroll js from this link, have followed the documentation and inserted the code in the html just before body and have pasted this javascript onto the section just above the top of the code above. </p>

<pre><code>window.sr = ScrollReveal({ reset: true });

sr.reveal('.whitecircle, .circleStatsItemBox, .circleStat', { duration: 200 });
</code></pre>

<p>it says ScrollReveal is not defined and unsure how to proceed.  Any help would be very grateful for.</p>

<p>the console message ....</p>

<pre><code>22:13:52.842 ReferenceError: ScrollReveal is not defined
&lt;anonymous&gt;custom.js:702
1custom.js:702:1
</code></pre>

<p>this js file is referenced in the html page i am targeting for this code .. </p>

<pre><code>&lt;script src="https://unpkg.com/scrollreveal@3.3.2/dist/scrollreveal.min.js"&gt;&lt;/script&gt;
    &lt;!-- end: JavaScript--&gt;

&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;
</code></pre>