My JavaScript isn't working properly with my HTML


My java script isn't working properly on my Html. This is for the moving bubble name this is my HTML. Can someone tell me what's wrong ASAP please?

<!DOCTYPE html>
<script type="text/javascript" src="script.js"></script>

Java Script

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 myName = "Maninder's Art Website";
var letterColors = [red, orange, green, blue]
if(10 < 3) {
    bubbleShape ="square"

else {
    bubbleShape = "circle";

drawName(myName, letterColors);

JavaScript link and external script

well, for starters your html structure looks bad. </html> should be at the bottom of your file.
Java Script
(currently after your html closing tag) is bad, remove it.

You are missing the library's for this to work, get them from the exercise


Thank You for your help.