JSFiddle - React, Tailwind, and code Playground

HTML

<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>
    <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>
</body>

</html>

JavaScript

var myName = "BHaType";

var red = [0, 32, 63];
var orange = [40, 100, 60];
var green = [35, 34, 23];
var blue = [34, 24, 55];
var purple = [280, 50, 60];
var letterColors = [red, orange, green, blue, purple];

drawName(myName, letterColors);

if (10 < 3) {
    bubbleShape = 'square';
} else {
    bubbleShape = 'circle';
}

bounceBubbles();