2.6 KiB
| id | title | challengeType | dashedName |
|---|---|---|---|
| 5dfa30b9eacea3f48c6300ad | Passo 14 | 0 | step-14 |
--description--
Transforme a imagem em um link, envolvendo-a com as tags dos elementos necessários. Use https://freecatphotoapp.com como valor do atributo href do elemento de âncora.
--hints--
O valor do atributo src do elemento img deve estar definido como https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg. Você pode tê-lo excluído acidentalmente.
assert(
document.querySelector('img') &&
document.querySelector('img').getAttribute('src') ===
'https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg'
);
O elemento de âncora (a) deve ter uma tag de abertura. As tags de abertura têm essa sintaxe: <elementName>.
assert(document.querySelectorAll('a').length >= 2);
Você deve adicionar apenas uma tag de abertura para o elemento de âncora (a). Remova as tags adicionais.
assert(document.querySelectorAll('a').length === 2);
O elemento de âncora (a) deve ter uma tag de fechamento. As tags de fechamento têm um caractere / logo após o caractere <.
assert(code.match(/<\/a>/g).length >= 2);
Você deve adicionar apenas uma tag de fechamento para o elemento de âncora (a). Remova as tags adicionais.
assert(code.match(/<\/a>/g).length === 2);
O elemento de âncora (a) não tem um atributo href. Verifique se há um espaço depois do nome da tag de abertura e/ou se há espaços antes de todos os nomes dos atributos.
assert(document.querySelector('a').hasAttribute('href'));
O elemento de âncora (a) deve fazer um link para https://freecatphotoapp.com. Você omitiu o URL ou tem um erro de digitação.
assert(
document.querySelectorAll('a')[1].getAttribute('href') ===
'https://freecatphotoapp.com'
);
O elemento img deve estar dentro do elemento de âncora (a). Todo o elemento img deve estar dentro das tags de abertura e fechamento do elemento de âncora (a).
assert(document.querySelector('img').parentNode.nodeName === 'A');
--seed--
--seed-contents--
<html>
<body>
<h1>CatPhotoApp</h1>
<main>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
--fcc-editable-region--
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
--fcc-editable-region--
</main>
</body>
</html>