-->

Why:

Closes:

<title>Random Joke Generator</title> <style> body { font-family: Arial, sans-serif; text-align: center; padding: 50px; } .joke { font-size: 1.5em; margin: 20px 0; } button { padding: 10px 20px; font-size: 1em; cursor: pointer; } </style>

Random Joke Generator

Get a Joke <script> async function getJoke() { try { const response = await fetch('https://v2.jokeapi.dev/joke/Any'); const data = await response.json(); const jokeContainer = document.querySelector('.joke'); if (data.type === 'single') { jokeContainer.textContent = data.joke; } else { jokeContainer.textContent = `${data.setup} - ${data.delivery}`; } } catch (error) { console.error('Error fetching joke:', error); document.querySelector('.joke').textContent = 'Failed to fetch a joke. Please try again!'; } } </script>

What's being changed (if available, include any code snippets, screenshots, or gifs):

Check off the following:

• A subject matter expert (SME) has reviewed the technical accuracy of the content in this PR. In most cases, the author can be the SME. Open source contributions may require an SME review from GitHub staff.
• The changes in this PR meet the docs fundamentals that are required for all content.
• All CI checks are passing and the changes look good in the review environment.