EricRohlfs · July 15, 2021 13:59
diff --git a/ForErin b/ForErin
 <html>
    <head>
    </head>
    <body>
        <h1></h1>
        <div>My Friends</div>
        <ul></ul>
    </body>
    <script>
        // the html specification calls for having the script tag in the head, but this will error out because the body.h1 element would not rendered on the page yet
        // so we put the script tag at the bottom

        //only shows in the console aka developer tools
        console.info("starting script")

        //just a variable to play with
        var myName = "Eric"
        if(myName === "Eric") {
            // see template literal for how I did string concatenation
            document.querySelector('h1').innerHTML = `My Name is ${myName}`
        }

        //array or list example
        var myFriends = ["John", "Paul", "Ringo", "George"]
        var friendsList = myFriends.map(friend =>{
            return `<li>${friend}</li>`
        }).join('') // join to get rid of the comma

        document.querySelector("ul").innerHTML = friendsList
        
        console.info("all done")

    </script>
 </html>
	<html>
	<head>
	</head>
	<body>
	<h1></h1>
	<div>My Friends</div>
	<ul></ul>
	</body>
	<script>
	// the html specification calls for having the script tag in the head, but this will error out because the body.h1 element would not rendered on the page yet
	// so we put the script tag at the bottom

	//only shows in the console aka developer tools
	console.info("starting script")

	//just a variable to play with
	var myName = "Eric"
	if(myName === "Eric") {
	// see template literal for how I did string concatenation
	document.querySelector('h1').innerHTML = `My Name is ${myName}`
	}

	//array or list example
	var myFriends = ["John", "Paul", "Ringo", "George"]
	var friendsList = myFriends.map(friend =>{
	return `<li>${friend}</li>`
	}).join('') // join to get rid of the comma

	document.querySelector("ul").innerHTML = friendsList

	console.info("all done")

	</script>
	</html>