CodeAcademy Animated name not working

steezemageeze · April 10, 2016

I'm just practicing making some sites, I don't really know any JavaScript but I thought this would be cool to have on my "site".

This is my JS, but JSLint keeps giving me the error that the last three are being used before they are defined

var red = [359, 100, 29.8];
var orange = [40, 100, 60];
var green = [75, 100, 40];
var blue = [196, 77, 55];
var purple = [280, 50, 60];
var bluefield = [199, 100, 22.9];
var black = [, , ];

var myName = "RJ";
var letterColors = [black, red];
var bubbleShape = "square";

drawName(myName, letterColors);
bounceName();
bounceBubbles();

This is the HTML:

<!DOCTYPE html>
<html>
    <head>
        <title>Ryan Butler</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
    <script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/alphabet.js"></script>
    </head>
    <body>
        <div id="container">
            <div id="header">
                <img src="altbanner.jpg" alt="banner" />
            </div>
                <div id="content">
                    <div id="nav">
                        <a href="index.html" class="button">Home</a>
                        <a href="about.html" class="button">About Me</a>
                        <a href="exp.html" class="button">Experience</a>
                        <a href="pics.html" class="button">Photos</a>
                    </div>
                    <div id="main">
                        <h1>Ryan Butler</h1>
                        <p>Explore this site to find out more about its creator</p>
                        <canvas id="myCanvas"></canvas>
                            <script type="text/javascript" src="http://s3.amazonaws.com/codecademy-content/courses/hour-of-code/js/bubbles.js"></script>
                            <script type="text/javascript" src="main.js"></script>
                    </div>
                    
                    <div id="footer">
                        Copyright &copy; 2016 Ryan J. Butler
                        
                        Thanks to Google, Rob Hawkes, and Mark Brenig-Jones & Emile Petrone for the JS code
                    </div>
                </div>    
        </div>
    </body>
</html>

I've tried a bunch of different versions of the JS code but all of them have tons of errors according to JSLint (I'm using Brackets IDE on WIndows atm). Anyone know how to get this to work?

steezemageeze · April 10, 2016

Goddammit... nevermind. All I had to do was change HTTP to HTTPS in the links in the HTML file. I hate when it's just something stupid simple like that