02-10-basicJavaScript/main.html
<!DOCTYPE html>
<html>
    
<head>
    <title>var - if - switch</title>
    <style>
        /* where css goes */
    </style>
</head>

<body>
    <h1>Hello Friday</h1>
    <p>Press 'F12' to open and close the console window.</p>
    
<!-- we will put the 'script' tag at the END of the body -->

<script>
console.log("Good Morning NerdArmy!");

// Comments like this are single line
/*
This is how you comment multi-line stuff
blah blah blah blah
*/

// Numbers as Variables

var myNumber = 12;
var myOtherNumber = 10;
var sum;

sum = myNumber + myOtherNumber;

console.log(sum);

// Strings as Variables

var myString1 = "Hungry";
var myString2 = "Hippo";
var myGame = myString1 + " " + myString2;

console.log(myGame);

// Strings as Booleans (true/false)

var gameOver = false;

// if statement (conditional)

var animal = "pig";

if (animal == "horse") {
    console.log("The animal is a horse");
} else if (animal == "pig") {
    console.log("The animal is a pig!");
} else if (animal == "dog") {
    console.log("The animal is a dog");
} else if (animal == "cat") {
    console.log("The animal is a meow cat");
} else {
    console.log("I don't know what the animal is!");
}

// switch statement

switch (animal) {
    case "horse":
        console.log("It's a HORSE!  nayanayanay!");
        break;
    case "pig":
        console.log("OINK OINK OINK... I'm a dirty pig!");
        break;
    case "dog":
        console.log("RUFF RUFF.... I love to smell other dogs food!");
        break;
    case "cat":
        console.log("MEOW MEOW MEOW... I'm not as cool as a dog!");
        break;
    default:
        console.log("I don't know what the animal is???");
        break;
}

console.log("This is the end of my code");

</script>

</body>

</html>