The console.log() command is used to print, or log, text to the console. Consider the following example:
In this example, Hello! is logged to the console. Notice, we denote the end of the line with a semicolon. Although your code will usually run as intended without a semicolon, it is best practice to always include one to ensure your code works as expected in situations when it does need one.
You’ll see in the next exercise that you can put any data type inside the parentheses to print it to the console.
- Use console.log to log your favorite pizza topping to the console. Write your topping between the quotation marks (‘’).
Data types are the building blocks of all languages and essential pieces of any program.
console.log(‘New York City’);
In the example above, the computer logs each of the four primitive data types to the console. The types include:
- Strings — Any grouping of keyboard characters (letters, spaces, numbers, or symbols) surrounded by single quotes (‘Hello’) or double quotes (“World!”). In the example above, ‘New York City’ is a string.
- Numbers — Any number, including numbers with decimals: 4, 1516, .002, 23.42. In the example above, 40.7 is a number.
- Booleans — Either true or false, with no quotations. In the example above, true is a boolean.
- Null — Can only be null. It represents the absence of value.
Let’s review: a string is any grouping of words, a number’s a number, null is the absence of value, and a boolean is a ghostly Halloween costume. Or no, that’s false! It’s either true or false.
- On line 2, log the number 33.7 to the console.
These all work how you might guess:
console.log(3 + 4); // Equals 7
console.log(5 – 1); // Equals 4
console.log(4 * 2); // Equals 8
console.log(9 / 3); // Equals 3
In the example above, each line uses a different mathematical operator to log a value to the console.
- Inside of a console.log(), add 3.5 to your age. This is the age you’ll be when we start sending people to live on Mars.
Use the + operator to add 3.5 to your age.
For example: console.log(25 + 3.5);
- On a new line write another console.log(). Inside the new console.log()’s parentheses, take the current year and subtract 1969.
The answer is how many years it’s been since the 1969 moon landing.
Use the – operator to subtract two numbers.
- Create another console.log(). Inside the parentheses divide 65 by 240.
Use the / operator to divide two numbers.
- Create one last console.log. Inside the parentheses, multiply 0.2708 by 100.
That’s the percent of the sun that is made up of helium. Assuming we could stand on the sun, we’d all sound like chipmunks!
An instance, like the string ‘Hello’, has additional information attached to it.
For example, every string instance has a property called length that stores the number of characters in it. You can retrieve property information by appending the string with a period and the property name:
In the example above, the value saved to the length property is retrieved from the string, ‘Hello’. The program prints 5 to the console, because Hello has five characters in it.
- Use the .length property to log the number of characters in the following string to the console:
Teaching the world how to code
While the length of a string is calculated when an instance is created, a string instance also has methods that calculate new information as needed. When these built-in methods are called on an instance, they perform actions that generate an output.
Built-in methods are called, or used, by appending an instance with a period, the name of the method, and opening (() and closing ()) parentheses. Consider the examples below:
console.log(‘Hello’.toUpperCase()); // ‘HELLO’
console.log(‘Hey’.startsWith(‘H’)); // true
Let’s look at each line separately:
On the first line, the .toUpperCase() method is called on the string instance ‘Hello’. The result is logged to the console. This method returns a string in all capital letters: ‘HELLO’.
On the second line, the .startsWith() method is called on the string instance “Hey”. This method also accepts the character ‘H’ as an input between the opening and closing parentheses. Since the string ‘Hey’ does start with the letter ‘H’, the method returns the boolean true.
- Use the .toUpperCase() method to log the string Codecademy to the console in all capital letters.
Use console.log() to log the string to the console. Call .toUpperCase() on Codecademy inside of the parentheses.
‘ Remove whitespace ‘
One such collection contains mathematical methods, aptly named the Math library.
Let’s see how you call the .random() method from the Math library:
console.log(Math.random()); // random number between 0 and 1
In the example above, we called the .random() method by appending the library name with a period, the name of the method, and opening (() and closing ()) parentheses. This method returns a random number between 0 and 1. This code prints a random number between 0 and 1.
To generate a random number between 0 and 50, we could multiply this result by 50, like so:
Math.random() * 50;
Math.floor(Math.random() * 50);
In this case:
- Math.random generates a random number between 0 and 1.
- We then multiply that number by 50, so now we have a number between 0 and 50.
- Then, Math.floor rounds the number down to the nearest whole number.
- Inside of a console.log, create a random number with Math.random, then multiply it by 100.
You can generate a random number between 0 and 100 with:
Math.random() * 100
Since Math.random() will generate a number between 0 and 1, multiplying it by 100 will make the result between 0 and 100.
- Now, utilize Math.floor to make the output a whole number.
Inside the console.log you wrote in the last step, put Math.random() * 100 inside the parentheses of Math.floor.
Math.floor(Math.random() * 100);
By placing Math.random() * 100 inside of the parentheses of Math.floor, we can make sure that the number generated will be a whole number. For instance, if Math.random() * 100 generated the number 64.65, Math.floor would make the result 64.
Note: Be careful of parentheses here. Each opening parentheses should have a closing parentheses.
Use this method with the number 43.8. Log the answer to the console.
Use the .ceil() method to calculate the smallest integer greater than or equal to 43.8.
Put the number 2017 in the parentheses and use console.log() to print the result.
Programs do not evaluate comments when you run them. In other words, they exist just for human readers. Good comments are useful for you and other developers, because they describe what the code does.
// The first 5 decimals of pi
console.log(‘Pi is equal to ‘ + 3.14159);
- A multi-line comment will comment out multiple lines and is denoted with /* to begin the comment, and */ to end the comment.
console.log(‘All of this code’);
console.log(‘Is commented out’);
console.log(‘And will not be executed);
- Let’s practice adding some code comments.
To the right, we’ve provided you with the beginning of the book Catch-22 by Joseph Heller.
On line 1, write a single line comment that says Opening line.
Use // to make a single line comment.
- Single line comments are great for adding context to your code. Multi-line comments are often best suited to prevent a block of code from running. However, both types of comments can be used for either purpose.
Comment out lines 4 – 9 with a multi-line comment.
console.log(‘It was love at first sight.’);
console.log(‘The first time Yossarian saw the chaplain he fell madly in love with him.’);
console.log(‘Yossarian was in the hospital with a pain in his liver that fell just short of being jaundice.’);
console.log(‘The doctors were puzzled by the fact that it wasn\’t quite jaundice.’);
console.log(‘If it became jaundice they could treat it.’);
console.log(‘If it didn\’t become jaundice and went away they could discharge him.’);
console.log(‘But this just being short of jaundice all the time confused them.’);
Review Types and Operators
- Let’s take one more glance at the concepts we just learned:
- Data is printed, or logged, to the console with console.log().
- Four built-in mathematical operators include +, -, *, and /.
- Libraries are collections of methods that can be called without an instance.
- You can write single-line comments with // and multi-line comments between /* and */.