Not a member of GistPad yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <script src="https://cdn.tailwindcss.com"></script>;
- </head>
- <body>
- <div class="bg-[url('https://d2clawv67efefq.cloudfront.net/ccbp-dynamic-webapps/numbers-fact-bg.png')] bg-cover bg-center h-screen flex flex-col justify-center items-center text-center p-5">
- <h1 class="text-white text-[28px] font-bold mb-4">
- Enter a number to know interesting facts about the number
- </h1>
- <input id="userInput" placeholder="Enter a Number" class="w-[90%] max-w-[320px] mt-4 p-2 rounded form-input" />
- <div id="spinner" class="hidden mt-4">
- <div class="flex justify-center">
- <div class="w-8 h-8 border-4 border-white rounded-full"></div>
- </div>
- </div>
- <p id="fact" class="text-white text-[18px] font-bold mt-4"></p>
- </div>
- </body>
- </html>
RAW Paste Data
Copied
