63 lines
		
	
	
		
			4.4 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
			
		
		
	
	
			63 lines
		
	
	
		
			4.4 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
---
 | 
						||
id: 587d7b83367417b2b2512b37
 | 
						||
title: Understanding the Differences between the freeCodeCamp and Browser Console
 | 
						||
challengeType: 1
 | 
						||
videoUrl: ''
 | 
						||
localeTitle: Понимание различий между FreeCodeCamp и браузером
 | 
						||
---
 | 
						||
 | 
						||
## Description
 | 
						||
<section id="description"> Возможно, вы заметили, что некоторые проблемы с JavaScript для FreeCodeCamp включают в себя собственную консоль. Эта консоль ведет себя несколько иначе, чем консоль браузера, которую вы использовали в последнем вызове. Следующая задача состоит в том, чтобы выделить некоторые различия между консолью freeCodeCamp и консолью браузера. Во-первых, консоль браузера. Когда вы загружаете и запускаете обычный файл JavaScript в своем браузере, операторы <code>console.log()</code> будут печатать именно то, что вы им сообщаете, чтобы печатать на консоль браузера точное количество запрошенных вами запросов. В текстовом редакторе в браузере этот процесс немного отличается и может сбивать с толку вначале. Значения, переданные в <code>console.log()</code> в блоке текстового редактора, запускают каждый набор тестов, а также еще одно время для любых вызовов функций, которые у вас есть в коде. Это поддается некоторому интересному поведению и может начать вас в начале, потому что зарегистрированное значение, которое вы ожидаете увидеть только один раз, может распечатывать еще много раз в зависимости от количества тестов и значений, передаваемых этим тестам. Если вы хотите увидеть только свой единственный вывод и не беспокоиться о прохождении циклов тестирования, вы можете использовать <code>console.clear()</code> . </section>
 | 
						||
 | 
						||
## Instructions
 | 
						||
<section id="instructions"> Используйте <code>console.log()</code> для печати переменных в указанном коде. </section>
 | 
						||
 | 
						||
## Tests
 | 
						||
<section id='tests'>
 | 
						||
 | 
						||
```yml
 | 
						||
tests:
 | 
						||
  - text: Используйте <code>console.log()</code> для печати переменной <code>outputTwo</code> . В вашей браузерной консоли это должно печатать значение переменной два раза.
 | 
						||
    testString: 'assert(code.match(/console\.log\(outputTwo\)/g), "Use <code>console.log()</code> to print the <code>outputTwo</code> variable.  In your Browser Console this should print out the value of the variable two times.");'
 | 
						||
  - text: Используйте <code>console.log()</code> для печати переменной <code>outputOne</code> .
 | 
						||
    testString: 'assert(code.match(/console\.log\(outputOne\)/g), "Use <code>console.log()</code> to print the <code>outputOne</code> variable.");'
 | 
						||
  - text: 'Используйте <code>console.clear()</code> чтобы изменить свой вывод, чтобы переменная <code>outputOne</code> только один раз.'
 | 
						||
    testString: 'assert(code.match(/^(\s*console.clear\(\);?\s*)$/gm), "Use <code>console.clear()</code> to modify your output so that <code>outputOne</code> variable only outputs once.");'
 | 
						||
 | 
						||
```
 | 
						||
 | 
						||
</section>
 | 
						||
 | 
						||
## Challenge Seed
 | 
						||
<section id='challengeSeed'>
 | 
						||
 | 
						||
<div id='js-seed'>
 | 
						||
 | 
						||
```js
 | 
						||
// Open your browser console
 | 
						||
let outputTwo = "This will print to the browser console 2 times";
 | 
						||
// Use console.log() to print the outputTwo variable
 | 
						||
 | 
						||
 | 
						||
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
 | 
						||
 | 
						||
 | 
						||
// Use console.log() to print the outputOne variable
 | 
						||
 | 
						||
```
 | 
						||
 | 
						||
</div>
 | 
						||
 | 
						||
 | 
						||
 | 
						||
</section>
 | 
						||
 | 
						||
## Solution
 | 
						||
<section id='solution'>
 | 
						||
 | 
						||
```js
 | 
						||
// solution required
 | 
						||
```
 | 
						||
</section>
 |