camperbot
2.0 KiB
id, title, challengeType, dashedName
| 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.match(code, /<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(code.match(/<head>[\w\W\s]*<link[\w\W\s]*\/>[\w\W\s]*<\/head>/i))
O elemento link deve ter um atributo rel com o valor stylesheet.
assert.match(code, /<link[\s\S]*?rel=('|"|`)stylesheet\1/)
O elemento link deve ter o atributo href com o valor styles.css.
assert.match(code, /<link[\s\S]*?href=('|"|`)(\.\/)?styles\.css\1/)
--seed--
--seed-contents--
<!DOCTYPE html>
<html>
--fcc-editable-region--
<head>
</head>
<body>
</body>
--fcc-editable-region--
</html>