2.0 KiB
| id | title | challengeType | dashedName |
|---|---|---|---|
| 60f0286404aefb0562a4fdf9 | Passo 4 | 0 | step-4 |
--description--
Adicione um elemento title ao heade dê ao projeto um título de Registration Form. Da mesma forma, aninhe um elemento link de fechamento automático ao elemento head. Dê a ele o valor do atributo rel de stylesheet e o valor do atributo href de styles.css.
--hints--
O código deve ter um elemento title.
const title = document.querySelector('title');
assert.exists(title);
O elemento title deve estar dentro do elemento head.
assert.exists(document.querySelector('head > title'));
O projeto deve ter o título Registration Form.
const title = document.querySelector('title');
assert.equal(title.text.toLowerCase(), 'registration form')
Lembre-se, maiúsculas, minúsculas e a ortografia são importantes para o título.
const title = document.querySelector('title');
assert.equal(title.text, 'Registration Form');
O código deve ter um elemento link.
assert.exists(document.querySelector('link'));
Você não deve alterar as tags head existentes. Verifique se você não excluiu a tag de fechamento.
const heads = document.querySelectorAll('head');
assert.equal(heads?.length, 1);
O elemento link deve ser um elemento de fechamento automático.
assert(code.match(/<link[\w\W\s]+\/>/i));
O elemento link deve estar dentro do elemento head.
assert.exists(document.querySelector('head > link'));
O elemento link deve ter um atributo rel com o valor stylesheet.
const link_element = document.querySelector('link');
const rel = link_element.getAttribute("rel");
assert.equal(rel, "stylesheet");
O elemento link deve ter o atributo href com o valor styles.css.
const link = document.querySelector('link');
assert.equal(link.dataset.href, "styles.css");
--seed--
--seed-contents--
<!DOCTYPE html>
<html>
--fcc-editable-region--
<head>
</head>
<body>
</body>
--fcc-editable-region--
</html>