- In Chrome, open any window. Honestly, it doesn't matter which web page or HTML file you have open, just have one open.
Next, open the DevTools (cmd + alt + j).
- Navigate to the Console. You'll find this panel just to the right of the Elements panel.
If you see errors, like in the following screenshot, use the
clear() command to remove them. These errors are meant for developers working on the web page you opened. For our purposes, we can ignore and clear them out of the way.
Go ahead and type the following commands into the Console. Press enter to execute the command.
In the following screenshots, you will see the word
undefined. This is what the browser returns after declaring a variable. We don't need to know why that is, just know that the screenshots will include what the browser returns. I point this out, so you don't think you need to type
undefined. You should be typing what follows the symbol
>, and the computer's response follows the symbol
For the following command, go ahead and replace
Angel with your name.
I am using screenshots here instead of a code snippet in a passive-aggressive maneuver to get you to type the commands instead of copy-pasting them. The reason, so you learn by doing. You're welcome 😇.
Get started now