greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Added a solution/fixed stub :) (#34251) 

* Added a solution/fixed stub :)

I have added for the most known browser what keyboard combinations/shortcuts you can use in order to open up from Web dev tools the console and run the same code as we do in FCC camp!

Certifications/JavaScript Algorithms and Data Structures/Debugging/Understanding the Differences Between the Freecodecamp and Browser Console

* Deleted a link provided

I have previously provided a link upon which I have added the Macintosh shortcuts. 
I have deleted all the Mac set of keybords as I can't check them in my pc and it is considered plagiarism

* Fixed text 

added more instructions

* Added solution

updated with solution and JS code for solution+as well as hint

* deleted white space in solution

* added frontmatter

fixed Travis problem

* Update index.md
pull/34282/head
AlexandreLeFou 2018-11-10 07:00:30 +02:00 committed by Aman Mittal
parent efdb543d76
commit 5f03e0f036
1 changed files with 41 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
guide/english/certifications/javascript-algorithms-and-data-structures/debugging/understanding-the-differences-between-the-freecodecamp-and-browser-console/index.md
View File

@ -3,8 +3,46 @@ title: Understanding the Differences between the freeCodeCamp and Browser Consol
---
## Understanding the Differences between the freeCodeCamp and Browser Console
This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/javascript-algorithms-and-data-structures/debugging/understanding-the-differences-between-the-freecodecamp-and-browser-console/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
#### Hint:
So were exactly do you run this *console.log()* command?
In order to see the difference between the live console (terminal of freecodecamp) and our browser console we need to open up the console in our browser.
Contemporary internet browser have a built in feature called Developer Tools which, among others contains a live console.
In this console we can execute Javascript commands and see the result. It behaves in a same manner as the window we write code here in Freecodecamp!
<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
***Please follow the instructions provided and copy paste the JS code provided to the example from FCC to your browser's console!***
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
Depending on your browser, in order to open up the Javascript console you need to:
## Chrome:
* Click the the following: Menu->More Tools->Developer Tools->Console tab
* or else , for keyboard shortcut: Ctrl + Shift + J (Windows/Linux)
## Firefox: 
* Click the the following: Menu->Developer->Web Console
* or else , for keyboard shortcut: Ctrl + Shift + K (Windows/Linux)
## Safari:
* Click the the following: Safari->Preferences->Advanced
and to the option presented enable: "Show Develop menu in menu bar"
Lastly, click: Develop->Show Error Console
## Edge:
* Click the the following: ''...'' symbol->Developer Tools-> Console tab
#### Solution:
``` javascript
// Open your browser console
let outputTwo = "This will print to the browser console 2 times";
// Use console.log() to print the outputTwo variable
console.log(outputTwo);
let outputOne = "Try to get this to log only once to the browser console";
// Use console.clear() in the next line to print the outputOne only once
console.clear();
// Use console.log() to print the outputOne variable
console.log(outputOne);
```