Embed

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Make Me Smile</title>
    <style>
        #make-me-smile-button {
            padding: 10px 20px;
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 24px;
        }
        .emoji-button {
            background-color: transparent;
            border: none;
            cursor: pointer;
            font-size: 48px; /* Large emoji images */
            display: none; /* Initially hidden */
            margin: 10px;
        }
        .container {
            text-align: center;
        }
        h1 {
            font-size: 2em;
        }
        #joke {
            font-size: 1.5em;
            color: darkblue; /* Dark blue text */
            margin-bottom: 20px; /* Spacing below the joke */
        }
        #joke-container {
            display: none; /* Initially hidden */
            margin-top: 20px; /* Spacing above the joke container */
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>Welcome to MakeMeSmile.com</h1>
        <button id="make-me-smile-button">Make Me Smile</button>
        <div id="joke-container">
            <p id="joke"></p>
            <div>
                <button class="emoji-button" onclick="fetchJoke()">😠</button>
                <button class="emoji-button" onclick="fetchJoke()">😕</button>
                <button class="emoji-button" onclick="fetchJoke()">😐</button>
                <button class="emoji-button" onclick="fetchJoke()">🙂</button>
                <button class="emoji-button" onclick="window.location.href='https://www.buymeacoffee.com/idea.incubator';">😄</button>
            </div>
        </div>
    </div>

    <script>
        function fetchJoke() {
            fetch('https://official-joke-api.appspot.com/random_joke')
                .then(response => response.json())
                .then(data => {
                    document.getElementById('joke').innerText = data.setup + '\n\n' + data.punchline;
                    showEmojiButtons();
                })
                .catch(error => {
                    console.error('Error fetching joke:', error);
                    document.getElementById('joke').innerText = 'Sorry, something went wrong!';
                    showEmojiButtons();
                });
        }

        document.getElementById('make-me-smile-button').addEventListener('click', fetchJoke);

        function showEmojiButtons() {
            var emojiButtons = document.querySelectorAll('.emoji-button');
            for (var i = 0; i < emojiButtons.length; i++) {
                emojiButtons[i].style.display = 'inline-block';
            }
            document.getElementById('joke-container').style.display = 'block';
        }
    </script>
</body>
</html>


a man and woman sitting on a couch looking at a cell phone

Image

A diverse group of friends chat as they sit around a chess table during the day. The Chinese and Malay women sit and talk and are laughing and smiling as they joke and talk. 

Contact form

<h3>Contact Us Today</h3> <p>Feel free to reach out to us using the contact form below. We are here to answer any questions you may have and provide you with the best online entertainment experience.</p>