freeCodeCamp/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/debugging/catch-mixed-usage-of-single-and-double-quotes.md

id, title, challengeType, forumTopicId, dashedName

id	title	challengeType	forumTopicId	dashedName
587d7b84367417b2b2512b37	Знаходження змішаного використання одинарних та подвійних лапок	1	301188	catch-mixed-usage-of-single-and-double-quotes

--description--

У JavaScript дозволяє використання як одинарних ('), так і подвійних (") лапок, щоб задати рядок. Вибір між ними залежить від особистих уподобань, проте існують і певні винятки.

Обирати між ними - справді чудово, якщо у рядку наявні скорочення або ж інша його частина вже знаходиться в лапках. Лише будьте уважними, аби не закрити рядок занадто рано, що може призвести до помилки в синтаксисі.

Ось деякі приклади змішаного використанням лапок:

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.';

Перші два варіанти є правильними, але третій містить помилку.

Звичайно, використання лише одного виду лапок теж є правильним. Уникнути повторення лапок можна використовуючи символ зворотної косої риски (\):

const allSameQuotes = 'I\'ve had a perfectly wonderful evening, but this wasn\'t it.';

--instructions--

Виправіть рядок шляхом або використання у ньому різних типів лапок для значення href, або уникнувши застосування вже наявних. Дотримуйтесь використання подвійних лапок навколо всього рядка.

--hints--

Ваш код має виправляти використання лапок навколо значення href у #Home шляхом зміни їхнього типу або уникаючи їх вжитку.

assert(code.match(/<a href=\s*?('|\\")#Home\1\s*?>/g));

Ваш код має дотримуватися використання подвійних лапок навколо всього рядка.

assert(code.match(/"<p>.*?<\/p>";/g));

--seed--

--seed-contents--

let innerHtml = "<p>Click here to <a href="#Home">return home</a></p>";
console.log(innerHtml);

--solutions--

let innerHtml = "<p>Click here to <a href=\"#Home\">return home</a></p>";
console.log(innerHtml);