Codecademy jb 3

Canvas version which necessarily includes html

My Code:

[[html]]
<!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8"/>
    <title>Test</title>
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script type="text/javascript" src="script.js"></script>
    </head>
    <body>
    <div style="float:right;">
    <canvas id="bbr" width="500" height="500" style="border:1px solid #000;"></canvas>
    </div>
    <script>

var bbr = document.getElementById("bbr").getContext("2d");
// 1. Modify Settings =
bbr.font = "15px Arial"; //font size and type
bbr.fillStyle = "red"; //color of text and forms
bbr.globalAlpha = 0.9; //transparency

// Check if the user is ready to play!

confirm("are you ready to play?");
var age = prompt("What's your age?");
if (age < 13) {
bbr.fillText("You can play but I take no responsibility for injuries.",20,20);
    } else {
bbr.fillText("Atta boy, or girl. Carry on!",20,20); }

bbr.fillText("You are at a Justin Bieber concert, and you hear this lyric",20,40);
bbr.fillText("'Lace my shoes off, start racing.'",20,60);

bbr.fillText("Suddenly, Bieber stops and says, 'Who wants to race me?'",20,80);
var userAnswer = prompt("Do you want to race Bieber on stage?");
if (userAnswer === "yes") {
bbr.fillText("You and Bieber start racing. It's neck and neck! You win by a shoelace!",20,100);
    } else {
bbr.fillText("Oh no! Bieber shakes his head and sings 'I set a pace, so I can race without pacing.'",20,100); }

var feedback = prompt("Rate this game on a scale of 1 to 10");
if (feedback > 8) {
bbr.fillText("Thank you! We should race at the next concert!",20,120);
} else {
bbr.fillText("I'll keep practicing coding and racing.",20,120); }

    </script>
    </div>
    </body>
    </html>
[[/html]]