3.8 KiB
3.8 KiB
id | title | isRequired | challengeType | videoUrl | localeTitle |
---|---|---|---|---|---|
bd7158d8c442eddfaeb5bd13 | Build a Random Quote Machine | true | 3 | 建立一个随机报价机 |
Description
id="quote-box"
的包装元素。 用户故事#2:在#quote-box
,我可以看到一个具有相应id="text"
的元素。 用户故事#3:在#quote-box
,我可以看到一个具有相应id="author"
的元素。 用户故事#4:在#quote-box
,我可以看到一个具有相应id="new-quote"
的可点击元素。 用户故事#5:在#quote-box
,我可以看到一个可点击的具有相应id="tweet-quote"
元素。 用户故事#6:首次加载时,我的报价机器会在元素中显示一个id="text"
的随机引号。 用户故事#7:首次加载时,我的报价机器在id="author"
的元素中显示随机引用的作者。 用户故事#8:当单击#new-quote
按钮时,我的报价机应该获取一个新报价并将其显示在#text
元素中。 用户故事#9:当单击#new-quote
按钮并将其显示在#author
元素中时,我的报价机器应该获取新报价的作者。 用户故事#10:我可以点击#tweet-quote
a
元素来#tweet-quote
。这a
元素应包括"twitter.com/intent/tweet"
路径在它的href
属性鸣叫当前报价。 用户故事#11: #quote-box
包装器元素应该水平居中。请使用浏览器的缩放级别100%和页面最大化运行测试。您可以通过分叉此CodePen笔来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js
: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js
完成后,将URL提交给您的工作通过所有测试的项目。如果卡住,请记住使用Read-Search-Ask方法。 Instructions
Tests
tests: []
Challenge Seed
Solution
// solution required