Stuck at 3:32 and don't know why...

I've compared my JavaScript code to what Dave has until my eyes have nearly bled. I'm coding within Visual Studio Code and no errors have been detected within VSC. However, when I launch index.html Google Chrome's console reports:

Uncaught TypeError: Cannot set property 'innerHTML' of null at print (object.js:11) at object.js:15

Here's my JavaScript coding (sorry but I can't figure out how to post it in a more readable format ... backticks do nada ... apologies especially for the comments in my code as they're there to help me given that I'm still learning, which will clearly be a LONG process):

var person = { /* The curly braces mean that an OBJECT is represented. Brackets would represent an array. / name : 'Sam', country : 'USA', / Notice how you can use strings in an object's property? / age : 33, / Notice how you can use numbers in an object's property? / CodeLouisville : true, / Notice how you can use boolean true/false values in an object's property? / skills : ['HTML', 'CSS', 'JavaScript'] / Notice how you can put an array as an object's property? */ };

function print(message) { var div = document.getElementById('output'); div.innerHTML = message; }

var message = '<p>Hello. My name is ' + person.name + '</p>'; /* FYI, person.name is the "dot notation" way of accessing info in an object. The object is person and the property is name, the value of which is Sam. As an alternative to "dot notation", you also could have used "bracket notation" -- person['name'] instead of person.name -- to access the same info. / print(message); / This just prints the above line's output to the page. */

Any clue what the problem seems to be?! Thanks in advance for any help that can be provided.