fravelgue/include-javascript-jquery-in-shopify-themes.html

## include-javascript-jquery-in-shopify-themes.html
<!DOCTYPE html>
<!--
    https://shopify.dev/tutorials/include-javascript-in-shopify-themes
-->
<html>
<head>
    <script>
        var loadScript = function (url, callback) {
            /* JavaScript that will load the jQuery library on Google's CDN.
               We recommend this code: http://snipplr.com/view/18756/loadscript/.
               Once the jQuery library is loaded, the function passed as argument,
               callback, will be executed. */

            /* https://web.archive.org/web/20180515114829/http://snipplr.com/view/18756/loadscript */
            var script = document.createElement("script")
            script.type = "text/javascript";

            if (script.readyState) {  //IE
                script.onreadystatechange = function () {
                    if (script.readyState == "loaded" ||
                        script.readyState == "complete") {
                        script.onreadystatechange = null;
                        callback();
                    }
                };
            } else {  //Others
                script.onload = function () {
                    callback();
                };
            }

            script.src = url;
            document.getElementsByTagName("head")[0].appendChild(script);
        };

        var myAppJavaScript = function ($) {
            /* Your app's JavaScript here.
               $ in this scope references the jQuery object we'll use.
               Don't use 'jQuery', or 'jQuery191', here. Use the dollar sign
               that was passed as argument.*/
            console.log('Your app is using jQuery version ' + $.fn.jquery + '.');

            $(document).ready(function () {

            });
        };

        if ((typeof jQuery === 'undefined') || (parseFloat(jQuery.fn.jquery) < 1.7)) {
            loadScript('https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js', function () {
                jQuery191 = jQuery.noConflict(true);
                myAppJavaScript(jQuery191);
            });
        } else {
            myAppJavaScript(jQuery);
        }
    </script>
</head>

<body>
</body>
</html>
	<!DOCTYPE html>
	<!--
	https://shopify.dev/tutorials/include-javascript-in-shopify-themes
	-->
	<html>
	<head>
	<script>
	var loadScript = function (url, callback) {
	/* JavaScript that will load the jQuery library on Google's CDN.
	We recommend this code: http://snipplr.com/view/18756/loadscript/.
	Once the jQuery library is loaded, the function passed as argument,
	callback, will be executed. */

	/* https://web.archive.org/web/20180515114829/http://snipplr.com/view/18756/loadscript */
	var script = document.createElement("script")
	script.type = "text/javascript";

	if (script.readyState) { //IE
	script.onreadystatechange = function () {
	if (script.readyState == "loaded" \|\|
	script.readyState == "complete") {
	script.onreadystatechange = null;
	callback();
	}
	};
	} else { //Others
	script.onload = function () {
	callback();
	};
	}

	script.src = url;
	document.getElementsByTagName("head")[0].appendChild(script);
	};

	var myAppJavaScript = function ($) {
	/* Your app's JavaScript here.
	$ in this scope references the jQuery object we'll use.
	Don't use 'jQuery', or 'jQuery191', here. Use the dollar sign
	that was passed as argument.*/
	console.log('Your app is using jQuery version ' + $.fn.jquery + '.');

	$(document).ready(function () {

	});
	};

	if ((typeof jQuery === 'undefined') \|\| (parseFloat(jQuery.fn.jquery) < 1.7)) {
	loadScript('https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js', function () {
	jQuery191 = jQuery.noConflict(true);
	myAppJavaScript(jQuery191);
	});
	} else {
	myAppJavaScript(jQuery);
	}
	</script>
	</head>

	<body>
	</body>
	</html>