From 5f03e0f036db1badef47e774158474be66bb13f8 Mon Sep 17 00:00:00 2001 From: AlexandreLeFou <38253545+AlexandreLeFou@users.noreply.github.com> Date: Sat, 10 Nov 2018 07:00:30 +0200 Subject: [PATCH] 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 --- .../index.md | 44 +++++++++++++++++-- 1 file changed, 41 insertions(+), 3 deletions(-) diff --git a/guide/english/certifications/javascript-algorithms-and-data-structures/debugging/understanding-the-differences-between-the-freecodecamp-and-browser-console/index.md b/guide/english/certifications/javascript-algorithms-and-data-structures/debugging/understanding-the-differences-between-the-freecodecamp-and-browser-console/index.md index 55e3791cb3..b1389089a4 100644 --- a/guide/english/certifications/javascript-algorithms-and-data-structures/debugging/understanding-the-differences-between-the-freecodecamp-and-browser-console/index.md +++ b/guide/english/certifications/javascript-algorithms-and-data-structures/debugging/understanding-the-differences-between-the-freecodecamp-and-browser-console/index.md @@ -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. Help our community expand it. +#### 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! -This quick style guide will help ensure your pull request gets accepted. +***Please follow the instructions provided and copy paste the JS code provided to the example from FCC to your browser's console!*** - +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); +```