Crossword Maker

Create your own crossword puzzle

Info

Created On: June 16, 2023

Created By: @CalculatorTools

AI

Model: gpt-3.5-turbo-16k-0613

Time: 14 seconds

Prompt Tokens: 800

Completion Tokens: 972

Total Token Cost: 1772

Get This App On Your Website

<iframe src="https://calculators.tools/prompt/91fd313265b14b20f40e067fc9fef9ee/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/640/" 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>Crossword Maker</title>

    <meta name="description" content="Create your own crossword puzzle">

    <meta name="keywords" content="crossword, puzzle, maker">



    <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">



    <!-- Built-In Functions for Apps -->

    <script type="text/javascript">

        var localStoragePrefix = "ct-168695261237908";

        var lastSave = 0;

        // save to localstorage

        function saveLocal(data) {

            if (Date.now() - lastSave < 1000) {

                return;

            }

            // save to cookie

            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();

        }



        // load from localstorage

        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">

        // App Javascript Goes Here

        function createCrossword() {

            var width = parseInt($("#crossword-width").val());

            var height = parseInt($("#crossword-height").val());



            if (isNaN(width) || isNaN(height) || width <= 0 || height <= 0) {

                alert("Please enter valid dimensions for the crossword.");

                return;

            }



            var html = "<table class='crossword-table'>";

            for (var i = 0; i < height; i++) {

                html += "<tr>";

                for (var j = 0; j < width; j++) {

                    html += "<td><input type='text' class='crossword-input'></td>";

                }

                html += "</tr>";

            }

            html += "</table>";



            $("#crossword-container").html(html);

        }

    </script>

    

    <style>

        /* App CSS Goes Here */

        .crossword-table {

            border-collapse: collapse;

        }



        .crossword-table td {

            width: 30px;

            height: 30px;

            text-align: center;

            border: 1px solid #000;

        }



        .crossword-input {

            width: 100%;

            height: 100%;

            font-size: 16px;

            text-transform: uppercase;

            text-align: center;

        }

    </style>



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

	<meta charset="utf-8">

</head>

<body>

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

        <h1>Crossword Maker</h1>

        <div class="mb-3">

            <label for="crossword-width" class="form-label">Width:</label>

            <input type="number" id="crossword-width" class="form-control" min="1" value="10">

        </div>

        <div class="mb-3">

            <label for="crossword-height" class="form-label">Height:</label>

            <input type="number" id="crossword-height" class="form-control" min="1" value="10">

        </div>

        <button class="btn btn-primary" onclick="createCrossword()">Create Crossword</button>

        <div id="crossword-container"></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>

Crossword Maker

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?