Create a web application that implements the following features: 1. Fetch 10 random jokes using https://v2.jokeapi.dev/joke/Any?safe- mode&amount=10 and display them as cards using a responsive layout. Why is 6 afraid of 7 in hexadecimal Canada? Programming Algorithm: A word used by programmers when they don't want to explain how their code works. Programming Each card should display the joke's category and text. For single jokes, display the joke text, and for two-part jokes, display the setup text only. Category Programming 2. When the page loads, fetch the joke categories from https://v2.jokeapi.dev/categories and use those categories fill a dropdown list. Fetch and display 5 random jokes with the selected category whenever the user selects a different joke category. For example, https://v2.jokeapi.dev/joke/ Programming?safe-mode&amount=5 can be used to fetch 'Programming jokes. Why did the web developer walk out of a resturant in disgust? Programming Why do cows wear bells? Pun UDP is better in the COVID era since it avoids unnecessary handshakes. Programming + I have a joke about Stack Overflow, but you would say it's a duplicate. Programming + 3. Add a 'Deliver' button to each two-part joke that, when clicked, expands a two- part joke to display its delivery. Th card of an expanded joke has a thicker outline. 4. Update the implementation of the previous question to allow the user to hide the delivery of a two-part joke.

Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
icon
Related questions
Question
Why did the JavaScript heap close shop?
Programming
Why did the JavaScript heap close shop?
It ran out of memory.
Programming
5. Add a 'Favorite' button to every joke that, when clicked, highlights it. The card of a favorite joke has a different
background color such as light green.
Why did the JavaScript heap close shop?
Programming
Why did the JavaScript heap close shop?
Programming
6. Serialize and save your jokes, along with their delivery and favorite status, using local storage and reload them
between sessions.
Transcribed Image Text:Why did the JavaScript heap close shop? Programming Why did the JavaScript heap close shop? It ran out of memory. Programming 5. Add a 'Favorite' button to every joke that, when clicked, highlights it. The card of a favorite joke has a different background color such as light green. Why did the JavaScript heap close shop? Programming Why did the JavaScript heap close shop? Programming 6. Serialize and save your jokes, along with their delivery and favorite status, using local storage and reload them between sessions.
Create a web application that implements the following features:
https://v2.jokeapi.dev/joke/Any?safe-
1. Fetch 10 random jokes using
mode&amount=10 and display them as cards using a responsive layout.
Why is 6 afraid of 7 in hexadecimal Canada?
Programming
(++)
Each card should display the joke's category and text. For single jokes, display the joke text, and for two-part jokes,
display the setup text only.
Category Programming
Algorithm: A word used by programmers
when they don't want to explain how their
code works.
Programming
2. When the page loads, fetch the joke categories from https://v2.jokeapi.dev/categories and use those categories to
fill a dropdown list.
Fetch and display 5 random jokes with the selected category whenever the user selects a different joke category.
For example, https://v2.jokeapi.dev/joke/ Programming?safe-mode&amount=5 can be used to fetch 'Programming'
jokes.
Why did the web developer walk out of a
resturant in disgust?
Programming
+ ✓
Why do cows wear bells?
Pun
UDP is better in the COVID era since it
avoids unnecessary handshakes.
Programming
+
I have a joke about Stack Overflow, but you
would say it's a duplicate.
Programming
+
3. Add a 'Deliver' button to each two-part joke that, when clicked, expands a two- part joke to display its delivery. The
card of an expanded joke has a thicker outline.
4. Update the implementation of the previous question to allow the user to hide the delivery of a two-part joke.
Transcribed Image Text:Create a web application that implements the following features: https://v2.jokeapi.dev/joke/Any?safe- 1. Fetch 10 random jokes using mode&amount=10 and display them as cards using a responsive layout. Why is 6 afraid of 7 in hexadecimal Canada? Programming (++) Each card should display the joke's category and text. For single jokes, display the joke text, and for two-part jokes, display the setup text only. Category Programming Algorithm: A word used by programmers when they don't want to explain how their code works. Programming 2. When the page loads, fetch the joke categories from https://v2.jokeapi.dev/categories and use those categories to fill a dropdown list. Fetch and display 5 random jokes with the selected category whenever the user selects a different joke category. For example, https://v2.jokeapi.dev/joke/ Programming?safe-mode&amount=5 can be used to fetch 'Programming' jokes. Why did the web developer walk out of a resturant in disgust? Programming + ✓ Why do cows wear bells? Pun UDP is better in the COVID era since it avoids unnecessary handshakes. Programming + I have a joke about Stack Overflow, but you would say it's a duplicate. Programming + 3. Add a 'Deliver' button to each two-part joke that, when clicked, expands a two- part joke to display its delivery. The card of an expanded joke has a thicker outline. 4. Update the implementation of the previous question to allow the user to hide the delivery of a two-part joke.
Expert Solution
steps

Step by step

Solved in 3 steps

Blurred answer
Knowledge Booster
Fundamentals of JavaScript
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
  • SEE MORE QUESTIONS
Recommended textbooks for you
Database System Concepts
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education