Random Dad Jokes

Get a random dad joke every time you reload the page!

Info

Created On: April 10, 2023

Created By: @CalculatorTools

AI

Model: gpt-3.5-turbo-0301

Time: 40 seconds

Prompt Tokens: 727

Completion Tokens: 930

Total Token Cost: 1657

Get This App On Your Website

<iframe src="https://calculators.tools/prompt//iframe/" width="100%" height="100%" frameborder="0" scrolling="yes" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" allow="midi; geolocation; microphone; camera; display-capture; encrypted-media; clipboard-read; clipboard-write; notifications; payment-handler; persistent-storage; background-sync; ambient-light-sensor; accessibility-events;" sandbox="allow-modals allow-forms allow-scripts allow-same-origin allow-popups allow-downloads allow-presentation allow-pointer-lock allow-orientation-lock" allowfullscreen="true" allowpaymentrequest="true" frameborder="0"></iframe><br><a href="https://calculator.tools/prompt/46/" target="_blank" style="font-size: 12px; text-decoration: none;" alt="Create any app, calculator, tools, tracker, or game instantly using AI! - Calculator Tools" title="Create any app, calculator, tools, tracker, or game instantly using AI! - Calculator Tools">Powered by Calculator Tools</a>

1. Copy the code above with the iframe and link.
2. Paste the code into your website.
3. Resize the iframe to fit your website.

Javascript, HTML, CSS Code

                    

<html>

    <head>

		<script type="text/javascript"> window.addEventListener('error', function(event) { var message = JSON.parse(JSON.stringify(event.message)); var source = event.filename; var lineno = event.lineno; var colno = event.colno; var error = event.error; window.parent.postMessage({ type: 'iframeError', details: { message: message, source: source, lineno: lineno, colno: colno, error: error ? error.stack : '' } }, '*'); }); window.addEventListener('unhandledrejection', function(event) { window.parent.postMessage({ type: 'iframePromiseRejection', details: { reason: event.reason } }, '*'); }); </script>



        <meta charset="utf-8">

        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <meta name="viewport" content="width=device-width,initial-scale=1">



        <title>Random Dad Jokes</title>

        <meta name="description" content="Get a random dad joke every time you reload the page!">

        <meta name="keywords" content="dad jokes, humor, funny">



        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"

                integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

        <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">



        <style>

            body {

                background-color: #f0f0f0;

                font-family: Arial, sans-serif;

            }

            #joke-container {

                margin-top: 50px;

                padding: 20px;

                background-color: #fff;

                border-radius: 10px;

                box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);

            }

            #joke-container p {

                font-size: 24px;

                margin-bottom: 0;

            }

            #joke-container i {

                margin-right: 10px;

            }

            .btn {

                margin-top: 20px;

            }

        </style>



        <script type="text/javascript">

            // Generate a random dad joke from the jokes array

            function generateJoke() {

                var jokes = [

                    "Why don't scientists trust atoms? Because they make up everything!",

                    "Why did the tomato turn red? Because it saw the salad dressing!",

                    "Why don't eggs tell jokes? Because they'd crack each other up!",

                    "Why did the math book look sad? Because it had too many problems.",

                    "Why did the scarecrow win an award? Because he was outstanding in his field.",

                    "Why did the coffee file a police report? It got mugged.",

                    "Why did the tomato turn red? Because it saw the salad dressing!",

                    "Why did the man put his money in the freezer? He wanted cold hard cash!",

                    "Did you hear about the kidnapping at the playground? They woke up.",

                    "Why did the invisible man turn down the job offer? He couldn't see himself doing it.",

                    "Why don't skeletons fight each other? They don't have the guts.",

                    "What did the janitor say when he jumped out of the closet? Supplies!",

                    "Why don't scientists trust atoms? Because they make up everything!",

                    "Why did the scarecrow win an award? Because he was outstanding in his field.",

                    "Why did the math book look sad? Because it had too many problems.",

                    "Why did the coffee file a police report? It got mugged."

                ];

                var randomIndex = Math.floor(Math.random() * jokes.length);

                var jokeText = jokes[randomIndex];

                $("#joke-text").text(jokeText);

            }



            $(document).ready(function() {

                generateJoke();

            });

        </script>

    

	<link rel="canonical" href="https://calculator.tools/prompt/46/">

	<meta charset="utf-8">

</head>

    <body>

        <div id="main-container" class="container">

            <div id="joke-container">

                <p><i class="fa fa-smile-o"></i><span id="joke-text"></span></p>

                <button class="btn btn-primary" onClick="generateJoke()">Tell Me Another One!</button>

            </div>

        </div>

            <script type="text/javascript"> var localStoragePrefix = "ct-{{ cachebreaker }}"; var lastSave = 0; function saveLocal(data) { if (Date.now() - lastSave < 1000) { return; } let cookie = localStoragePrefix + "=" + JSON.stringify(data) + "; path=" + window.location.pathname +  "'; SameSite=Strict"; cookie += "; expires=" + new Date(Date.now() + 1000 * 60 * 60 * 24 * 365 * 1000).toUTCString(); document.cookie = cookie; lastSave = Date.now(); } function loadLocal() { var cookiePrefix = localStoragePrefix + "="; var cookieStart = document.cookie.indexOf(cookiePrefix); if (cookieStart > -1) { let cookieEnd = document.cookie.indexOf(";", cookieStart); if (cookieEnd == -1) { cookieEnd = document.cookie.length; } var cookieData = document.cookie.substring(cookieStart + cookiePrefix.length, cookieEnd); return JSON.parse(cookieData); } } </script>



        <script type="text/javascript"> window.addEventListener('load', function() { var observer = new MutationObserver(function() { window.parent.postMessage({height: document.documentElement.scrollHeight || document.body.scrollHeight},"*"); }); observer.observe(document.body, {attributes: true, childList: true, subtree: true}); window.parent.postMessage({height: document.documentElement.scrollHeight || document.body.scrollHeight},"*"); }); </script>

</body>

</html>

Random Dad Jokes

Info

Tags

AI

Get This App On Your Website

Javascript, HTML, CSS Code

IMAGE TO APP (New!)

SCREENSHOT TO APP (New!)

FAQ

What is Calculator Tools?

What Do You Mean Make An App?

Does This Use ChatGPT?

Calculator Tools

Want Better Apps?