JSFiddle - React, Tailwind, and code Playground

by Nathan Piper

HTML

<!DOCTYPE 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>

  <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 red = [0, 100, 63];
var orange = [40, 100, 60];
var green = [75, 100, 40];
var blue = [196, 77, 55];
var purple = [280, 50, 60];
var black = [0, 0, 0]
var yellow = [50, 30, 70]
var myName = "ROT";
var letterColors = [black, yellow]
if(10 < 3) {
    bubbleShape = "circle";
}
else{
    bubbleShape = "square";
    }


drawName(myName, letterColors);
bounceBubbles()