Info
Created On: September 2, 2023
Created By:
AI
Model: chatgpt-plugin
Time: 0 seconds
Prompt Tokens: 0
Completion Tokens: 0
Total Token Cost: 0
Get This App On Your Website
Copy Code
1. Copy the code above with the iframe and link.
Javascript, HTML, CSS Code
<!DOCTYPE html> <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> <title>Find Your Pant Size</title> <meta name='description' content='A simple app to help you find your pant size based on 5 questions.'> <meta name='keywords' content='Pant Size, Clothing, Fashion'> <style> body { font-family: Arial, sans-serif; } .container { max-width: 600px; margin: auto; } .question { margin-bottom: 20px; } button { padding: 10px 20px; background-color: #007bff; color: white; border: none; cursor: pointer; } </style> <link rel="canonical" href="https://calculator.tools/prompt/5553/"> <meta charset="utf-8"> </head> <body> <div class='container'> <h1>Find Your Pant Size</h1> <form id='sizeForm'> <div class='question'> <label for='waist'>Waist size (in inches):</label> <input type='number' id='waist' name='waist' required> </div> <div class='question'> <label for='hip'>Hip size (in inches):</label> <input type='number' id='hip' name='hip' required> </div> <div class='question'> <label for='height'>Height (in inches):</label> <input type='number' id='height' name='height' required> </div> <div class='question'> <label for='weight'>Weight (in pounds):</label> <input type='number' id='weight' name='weight' required> </div> <div class='question'> <label for='fit'>Preferred fit:</label> <select id='fit' name='fit' required> <option value='slim'>Slim</option> <option value='regular'>Regular</option> <option value='relaxed'>Relaxed</option> </select> </div> <button type='button' onclick='calculateSize()'>Find My Size</button> </form> <div id='result'></div> </div> <script> function calculateSize() { const waist = parseFloat(document.getElementById('waist').value); const hip = parseFloat(document.getElementById('hip').value); const height = parseFloat(document.getElementById('height').value); const weight = parseFloat(document.getElementById('weight').value); const fit = document.getElementById('fit').value; let size = ''; if (waist < 30 && hip < 35 && height < 65 && weight < 130) { size = 'Small'; } else if (waist >= 30 && waist < 35 && hip >= 35 && hip < 40 && height >= 65 && height < 70 && weight >= 130 && weight < 180) { size = 'Medium'; } else if (waist >= 35 && hip >= 40 && height >= 70 && weight >= 180) { size = 'Large'; } else { size = 'Please consult a sizing expert.'; } if (fit === 'slim') { size += ' - Slim Fit'; } else if (fit === 'regular') { size += ' - Regular Fit'; } else if (fit === 'relaxed') { size += ' - Relaxed Fit'; } document.getElementById('result').innerText = 'Your recommended pant size is: ' + size; } </script> <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>
Find Your Pant Size
Calculator Tools