51 lines
1.2 KiB
Markdown
51 lines
1.2 KiB
Markdown
---
|
||
id: bad87fee1348bd9aedf08833
|
||
title: 用佔位符文本填充空白
|
||
challengeType: 0
|
||
videoUrl: 'https://scrimba.com/p/pVMPUv/cgR7Dc7'
|
||
forumTopicId: 18178
|
||
dashedName: fill-in-the-blank-with-placeholder-text
|
||
---
|
||
|
||
# --description--
|
||
|
||
Web 開發者通常用 <dfn>lorem ipsum text</dfn> 來做佔位符。 lorem ipsum text 是從古羅馬西塞羅的一段著名經文中隨機抽取的。
|
||
|
||
Lorem ipsum text 自 16 世紀以來就在排版中被用作佔位符，這一習慣也在 Web 開發中得以延續。
|
||
|
||
五個世紀已經很久遠了。 因爲我們正在構建一個 CatPhotoApp，所以我們使用 “kitty ipsum” 文本。
|
||
|
||
# --instructions--
|
||
|
||
`p` 元素的內容文本應包含 `Kitty ipsum`。
|
||
|
||
# --hints--
|
||
|
||
你的 `p` 元素應包含 “kitty ipsum” 文本的前面幾個詞。
|
||
|
||
```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>
|
||
```
|