Make dadJoke into a meme generator

[wisestmumbler]

This works like a charm, nice work! I love a good dad joke.

Things I like: clean, simple, fast, self explanatory. I like the use of flex in css, the async js, and the alt text on the img tag in html.

Minor nitpicks: the fetch probably shouldn't be in a try/catch and the meme image could be scaled down to fit.

Enhancements:

I'd like you to add:

• a real form (html element) with multiple inputs, including, but not limited to:
  • a number input with a valid range of 1-4
  • a radio input that give the options "alphabetical" or "joke length"
  • a checkbox input that will affect the page styling (maybe something like "dark mode?" but up to you)
  • whatever other inputs you want
  • a real form submit button that will trigger everything

I think that form would occupy roughly the left 1/4 to 1/3 of the page (unless I shrink it down, then maybe it's just at the top?)

On the right side:

• a output of memelike images and jokes
  • the memes would just be text layered onto some precanned/copied images - don't have to be related or anything, just something
  • the number input is the number of joke memes displayed
  • the radio input affects the order they are displayed
  • the checkbox affects the styling of the page somehow - totally up to you

[wisestmumbler]

Feel free to take what I suggested and run with it / adapt it to something even better.

[barbourjr]

I decided to adapt what @wisestmumbler recommended to enhance the page and implement the Dad Joke search that the API offers to allow the user to request up to 4 dad jokes via a number input based on an optional search term in a form. The Dad Joke page would also let the user know if they requested more jokes about a search term than the DB has.