freeCodeCamp/curriculum/challenges/portuguese/02-javascript-algorithms-an.../debugging/catch-mixed-usage-of-single...

64 lines
1.9 KiB
Markdown
Raw Normal View History

---
id: 587d7b84367417b2b2512b37
title: Identificar uso misto de aspas simples e duplas
challengeType: 1
forumTopicId: 301188
dashedName: catch-mixed-usage-of-single-and-double-quotes
---
# --description--
JavaScript nos permite o uso de aspas simples (`'`) e duplas (`"`) para declarar uma string. Decidir qual delas usar geralmente é uma questão de preferência pessoal, com algumas exceções.
Ter duas opções é ótimo quando uma string possui contrações ou outros pedaços de texto que estão entre aspas. Apenas tome cuidado para que você não feche uma string muito cedo, o que causa erro de sintaxe.
Aqui estão alguns exemplos de mistura de aspas:
```js
const grouchoContraction = "I've had a perfectly wonderful evening, but this wasn't it.";
const quoteInString = "Groucho Marx once said 'Quote me as saying I was mis-quoted.'";
const uhOhGroucho = 'I've had a perfectly wonderful evening, but this wasn't it.';
```
As duas primeiras estão corretas, mas a terceira não.
Claro, não há problema em usar apenas um estilo de aspas. Você pode escapar as aspas dentro de uma string ao usar o caractere barra invertida (`\`):
```js
const allSameQuotes = 'I\'ve had a perfectly wonderful evening, but this wasn\'t it.';
```
# --instructions--
Corrija a string para que use aspas diferentes para o valor de `href` ou escape as aspas existentes. Mantenha as aspas duplas ao redor de toda a string.
# --hints--
O código deve corrigir as aspas em torno do valor de `href`: `#Home` mudando-as ou escapando-as.
```js
assert(code.match(/<a href=\s*?('|\\")#Home\1\s*?>/g));
```
O código deve manter as aspas duplas ao redor de toda a string.
```js
assert(code.match(/"<p>.*?<\/p>";/g));
```
# --seed--
## --seed-contents--
```js
let innerHtml = "<p>Click here to <a href="#Home">return home</a></p>";
console.log(innerHtml);
```
# --solutions--
```js
let innerHtml = "<p>Click here to <a href=\"#Home\">return home</a></p>";
console.log(innerHtml);
```