57 lines
3.1 KiB
Markdown
57 lines
3.1 KiB
Markdown
---
|
||
id: 587d7b84367417b2b2512b37
|
||
title: Catch Mixed Usage of Single and Double Quotes
|
||
challengeType: 1
|
||
forumTopicId: 301188
|
||
localeTitle: Поймать смешанное использование одиночных и двойных котировок
|
||
---
|
||
|
||
## Description
|
||
<section id='description'>
|
||
JavaScript позволяет использовать одиночные («) и двойные (« ») кавычки для объявления строки. Решая, какой из них использовать, как правило, сводится к личным предпочтениям, за некоторыми исключениями. Имея два варианта, отлично, когда строка имеет сжатие или другое кусок текста, который находится в кавычках. Будьте осторожны, чтобы вы не закрывали строку слишком рано, что вызывает синтаксическую ошибку. Вот несколько примеров смешивания цитат: <blockquote> // Это правильно: <br> const grouchoContraction = «У меня был замечательный вечер, но это было не так»; <br> const quoteInString = «Граучо Маркс однажды сказал:« Мне нужно сказать, что я ошибался ». <br> // Это неверно: <br> const uhOhGroucho = 'У меня был замечательный вечер, но это было не так.'; </blockquote> Конечно, можно использовать только один стиль цитат. Вы можете избежать кавычек внутри строки, используя символ обратного слэша (\): <blockquote> // Правильное использование одинаковых котировок: <br> const allSameQuotes = 'У меня был замечательный вечер, но это было не так.'; </blockquote>
|
||
</section>
|
||
|
||
## Instructions
|
||
<section id='instructions'>
|
||
Исправьте строку, чтобы она использовала разные кавычки для значения <code>href</code> или избегала существующих. Сохраняйте двойные кавычки вокруг всей строки.
|
||
</section>
|
||
|
||
## Tests
|
||
<section id='tests'>
|
||
|
||
```yml
|
||
tests:
|
||
- text: Your code should fix the quotes around the <code>href</code> value "#Home" by either changing or escaping them.
|
||
testString: assert(code.match(/<a href=\s*?('|\\")#Home\1\s*?>/g));
|
||
- text: Your code should keep the double quotes around the entire string.
|
||
testString: assert(code.match(/"<p>.*?<\/p>";/g));
|
||
|
||
```
|
||
|
||
</section>
|
||
|
||
## Challenge Seed
|
||
<section id='challengeSeed'>
|
||
|
||
<div id='js-seed'>
|
||
|
||
```js
|
||
let innerHtml = "<p>Click here to <a href="#Home">return home</a></p>";
|
||
console.log(innerHtml);
|
||
|
||
```
|
||
|
||
</div>
|
||
|
||
</section>
|
||
|
||
## Solution
|
||
<section id='solution'>
|
||
|
||
```js
|
||
let innerHtml = "<p>Click here to <a href=\"#Home\">return home</a></p>";
|
||
console.log(innerHtml);
|
||
```
|
||
|
||
</section>
|