PARTICLE.JS -- Uncaught ReferenceError: particlesJS is not defined

JavaScript
1

Hi everyone,

so I’ve been following a tutorial on how to implement Particle.JS and for some reason I’m having an issue stated below. i followed the video exactly, several times and i just don’t understand where I’m going wrong. – Also I’m new and this is something I’m doing out of my bootcamp so i can better understand particle.JS

Basically the issue is that ParticleJS is undefined and won’t load properly.

this is the error I’m receiving:
index.html:18 Uncaught ReferenceError: particlesJS is not defined
at index.html:18
(anonymous) @ index.html:18

Attached is the HTML code:

!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" 
	content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" 
	content="ie=edge">
	<title>Dijitz 2</title>
	<link rel="stylesheet" href="style.css">
</head>
<body>
	<div id="particles-js"></div>

	<script src="https://cdnjs.cloudflare.com/ajax/libs/particlesjs/2.2.1/particles.min.js"></script>

	<script>
		particlesJS.load('particles-js', 'particles.json', function(){
				console.log('particles.json loaded...');
		}); 
	</script>

	<script src="particles.js"></script>
</body>
</html>

any help is appreciated.

thank you!!!