66 lines
2.5 KiB
Markdown
66 lines
2.5 KiB
Markdown
|
---
|
||
|
|
id: 587d7b83367417b2b2512b37
|
||
|
|
title: freeCodeCamp とブラウザーのコンソールの違いを理解する
|
||
|
|
challengeType: 1
|
||
|
|
forumTopicId: 301193
|
||
|
|
dashedName: understanding-the-differences-between-the-freecodecamp-and-browser-console
|
||
|
|
---
|
||
|
|
|
||
|
|
# --description--
|
||
|
|
|
||
|
|
お気づきかもしれませんが、freeCodeCamp の一部のチャレンジには独自のコンソールが含まれています。 このコンソールは、ブラウザーのコンソールとは少し異なる動作をします。
|
||
|
|
|
||
|
|
`console` ではメッセージを出力するために多くのメソッドを使用します。 たとえば、`log`,、`warn`、 `clear` などがあります。 freeCodeCamp のコンソールは `log` メッセージのみを出力し、ブラウザーのコンソールはすべてのメッセージを出力します。 コードを変更すると、自動的に実行され、ログが表示されます。 freeCodeCamp のコンソールはコードが実行されるたびにクリアされます。
|
||
|
|
|
||
|
|
# --instructions--
|
||
|
|
|
||
|
|
まず、ブラウザーのコンソールを開いてログを表示してください。 それには、一番上にある freeCodeCamp のナビゲーションバーを右クリックし、たいていのブラウザーでは `inspect` をクリックします。 次に、開いたウィンドウで `console` タブを探します。
|
||
|
|
|
||
|
|
その次に、`console.log` を使用して `output` 変数を出力してください。 ログを表示するため、2 つのコンソールを表示してください。 最後に、ログの後に `console.clear` を使用してブラウザーのコンソールをクリアしてください。 2 つのコンソールの違いを確認してください。
|
||
|
|
|
||
|
|
# --hints--
|
||
|
|
|
||
|
|
`console.log` を使用して `output` 変数を出力します。
|
||
|
|
|
||
|
|
```js
|
||
|
|
assert(__helpers.removeWhiteSpace(code).match(/console\.log\(output\)/));
|
||
|
|
```
|
||
|
|
|
||
|
|
`console.clear()` を使用してブラウザーのコンソールをクリアします。
|
||
|
|
|
||
|
|
```js
|
||
|
|
assert(
|
||
|
|
__helpers
|
||
|
|
.removeWhiteSpace(code)
|
||
|
|
.match(/console.clear\(\)/)
|
||
|
|
);
|
||
|
|
```
|
||
|
|
|
||
|
|
ログを表示した後、コンソールをクリアします。
|
||
|
|
|
||
|
|
```js
|
||
|
|
assert(
|
||
|
|
__helpers
|
||
|
|
.removeWhiteSpace(code)
|
||
|
|
.match(/console\.log\(output\)[\s\S]*console.clear\(\)/)
|
||
|
|
);
|
||
|
|
```
|
||
|
|
|
||
|
|
# --seed--
|
||
|
|
|
||
|
|
## --seed-contents--
|
||
|
|
|
||
|
|
```js
|
||
|
|
let output = "Get this to show once in the freeCodeCamp console and not at all in the browser console";
|
||
|
|
|
||
|
|
```
|
||
|
|
|
||
|
|
# --solutions--
|
||
|
|
|
||
|
|
```js
|
||
|
|
let output = "Get this to show once in the freeCodeCamp console and not at all in the browser console";
|
||
|
|
|
||
|
|
console.log(output);
|
||
|
|
console.clear();
|
||
|
|
```
|