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.mdpull/34282/head
parent
efdb543d76
commit
5f03e0f036
|
@ -3,8 +3,46 @@ title: Understanding the Differences between the freeCodeCamp and Browser Consol
|
||||||
---
|
---
|
||||||
## Understanding the Differences between the freeCodeCamp and Browser Console
|
## 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);
|
||||||
|
```
|
||||||
|
|
Loading…
Reference in New Issue