2018-09-30 22:01:58 +00:00
---
id: 587d7b84367417b2b2512b37
title: Catch Mixed Usage of Single and Double Quotes
challengeType: 1
2019-08-05 16:17:33 +00:00
forumTopicId: 301188
2018-09-30 22:01:58 +00:00
---
## Description
< section id = 'description' >
2019-03-06 19:34:12 +00:00
JavaScript allows the use of both single (< code > '< / code > ) and double (< code > "< / code > ) quotes to declare a string. Deciding which one to use generally comes down to personal preference, with some exceptions.
2018-09-30 22:01:58 +00:00
Having two choices is great when a string has contractions or another piece of text that's in quotes. Just be careful that you don't close the string too early, which causes a syntax error.
Here are some examples of mixing quotes:
2019-05-17 13:20:30 +00:00
```js
// These are correct:
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.'";
// This is incorrect:
const uhOhGroucho = 'I've had a perfectly wonderful evening, but this wasn't it.';
```
2018-09-30 22:01:58 +00:00
Of course, it is okay to use only one style of quotes. You can escape the quotes inside the string by using the backslash (\) escape character:
2019-05-17 13:20:30 +00:00
```js
// Correct use of same quotes:
const allSameQuotes = 'I\'ve had a perfectly wonderful evening, but this wasn\'t it.';
```
2018-09-30 22:01:58 +00:00
< / section >
## Instructions
< section id = 'instructions' >
Fix the string so it either uses different quotes for the < code > href< / code > value, or escape the existing ones. Keep the double quote marks around the entire string.
< / section >
## Tests
< section id = 'tests' >
```yml
2018-10-04 13:37:37 +00:00
tests:
2018-10-20 18:02:47 +00:00
- text: Your code should fix the quotes around the < code > href</ code > value "#Home" by either changing or escaping them.
2019-07-24 08:47:32 +00:00
testString: assert(code.match(/< a href = \s*?('| \\")#Home \1\s*? > /g));
2018-10-04 13:37:37 +00:00
- text: Your code should keep the double quotes around the entire string.
2019-07-24 08:47:32 +00:00
testString: assert(code.match(/"< p > .*?< \/p > ";/g));
2018-09-30 22:01:58 +00:00
```
< / 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
2019-04-18 18:44:20 +00:00
let innerHtml = "< p > Click here to < a href = \"#Home \"> return home </ a ></ p > ";
console.log(innerHtml);
2018-09-30 22:01:58 +00:00
```
2019-07-18 15:24:12 +00:00
2018-09-30 22:01:58 +00:00
< / section >