4.4 KiB
4.4 KiB
id | title | isRequired | challengeType | videoUrl | localeTitle |
---|---|---|---|---|---|
bd7158d8c442eddfaeb5bd13 | Build a Random Quote Machine | true | 3 | Construir una máquina de cotización aleatoria |
Description
id="quote-box"
correspondiente id="quote-box"
. Historia de usuario n. ° 2: Dentro de #quote-box
, puedo ver un elemento con una id="text"
correspondiente id="text"
. Historia de usuario # 3: Dentro de #quote-box
, puedo ver un elemento con un id="author"
correspondiente id="author"
. Historia de usuario # 4: Dentro de #quote-box
, puedo ver un elemento seleccionable con un id="new-quote"
correspondiente id="new-quote"
. Historia de usuario n. ° 5: Dentro de #quote-box
, puedo ver un clic elemento con un id="tweet-quote"
correspondiente id="tweet-quote"
. Historia de usuario n. ° 6: En la primera carga, mi máquina de presupuestos muestra una cita aleatoria en el elemento con id="text"
. Historia de usuario n. ° 7: En la primera carga, mi máquina de citas muestra el autor de la cita aleatoria en el elemento con id="author"
. Historia de usuario n. ° 8: cuando se hace clic en el botón #new-quote
, mi máquina de cotizaciones debería buscar una nueva cita y mostrarla en el elemento #text
. Historia de usuario n. ° 9: Mi máquina de cotizaciones debe buscar al autor de la nueva cotización cuando se hace clic en el botón #new-quote
y mostrarla en el elemento #author
. Historia usuario # 10: Puedo Tweet la cotización actual haciendo clic en el #tweet-quote
a
elemento. Este a
elemento debe incluir la "twitter.com/intent/tweet"
ruta de acceso en su href
atributo a tweet la cotización actual. Historia de usuario n. ° 11: El elemento #quote-box
wrapper debe estar centrado horizontalmente. Ejecute las pruebas con el nivel de zoom del navegador al 100% y la página maximizada. Puedes construir tu proyecto por medio de este bolígrafo CodePen . O puede usar este enlace CDN para ejecutar las pruebas en el entorno que desee: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js
Una vez que haya terminado, envíe la URL a su cuenta Proyecto con todas sus pruebas aprobadas. Recuerda usar el método de lectura-búsqueda-pregunta si te atascas. Instructions
Tests
tests: []
Challenge Seed
Solution
// solution required