51 lines
1.5 KiB
Markdown
51 lines
1.5 KiB
Markdown
|
---
|
||
|
|
id: bad87fee1348bd9aedf08833
|
||
|
|
title: Preencher um espaço vazio com um texto placeholder
|
||
|
|
challengeType: 0
|
||
|
|
videoUrl: 'https://scrimba.com/p/pVMPUv/cgR7Dc7'
|
||
|
|
forumTopicId: 18178
|
||
|
|
dashedName: fill-in-the-blank-with-placeholder-text
|
||
|
|
---
|
||
|
|
|
||
|
|
# --description--
|
||
|
|
|
||
|
|
Desenvolvedores da web normalmente utilizam o texto <dfn>lorem ipsum</dfn> como placeholder. O texto lorem ipsum é composto de partes retiradas aleatoriamente de um escrito famoso de Cícero, da Roma antiga.
|
||
|
|
|
||
|
|
O texto lorem ipsum vem sendo usado como texto placeholder por tipógrafos desde o século XVI. Essa é uma tradição que continua a ser utilizada na web.
|
||
|
|
|
||
|
|
Quem somos nós para discutir com cinco séculos de tradição? Como estamos construindo um aplicativo de fotos de gatos (CatPhotoApp), vamos usar um texto chamado "kitty ipsum".
|
||
|
|
|
||
|
|
# --instructions--
|
||
|
|
|
||
|
|
Substitua o texto dentro do elemento `p` pelas primeiras palavras desse texto: `Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.`
|
||
|
|
|
||
|
|
# --hints--
|
||
|
|
|
||
|
|
O elemento `p` deve conter as primeiras palavras do texto "kitty ipsum" fornecido.
|
||
|
|
|
||
|
|
```js
|
||
|
|
assert.isTrue(/Kitty(\s)+ipsum/gi.test($('p').text()));
|
||
|
|
```
|
||
|
|
|
||
|
|
# --seed--
|
||
|
|
|
||
|
|
## --seed-contents--
|
||
|
|
|
||
|
|
```html
|
||
|
|
<h1>Hello World</h1>
|
||
|
|
|
||
|
|
<h2>CatPhotoApp</h2>
|
||
|
|
|
||
|
|
<p>Hello Paragraph</p>
|
||
|
|
```
|
||
|
|
|
||
|
|
# --solutions--
|
||
|
|
|
||
|
|
```html
|
||
|
|
<h1>Hello World</h1>
|
||
|
|
|
||
|
|
<h2>CatPhotoApp</h2>
|
||
|
|
|
||
|
|
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff</p>
|
||
|
|
```
|