Kilometers to Miles Converter

A tool to convert kilometers to miles and vice versa

Info

Created On: August 25, 2023

Created By: @CalculatorTools

AI

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

Time: 90 seconds

Prompt Tokens: 821

Completion Tokens: 1243

Total Token Cost: 2064

Get This App On Your Website

<iframe src="https://calculators.tools/prompt/8bc7335129ca7a0528629872399fc833/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/4936/" 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>Kilometers to Miles Converter</title>

        <meta name="description" content="A tool to convert kilometers to miles and vice versa">

        <meta name="keywords" content="kilometers, miles, converter">



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

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

                }

            }



            // Function to convert kilometers to miles

            function convertKmToMiles(km) {

                return km * 0.62137119;

            }



            // Function to convert miles to kilometers

            function convertMilesToKm(miles) {

                return miles * 1.609344;

            }



            $(document).ready(function() {

                // Initialize the input values

                var kmInput = $("#km-input");

                var milesInput = $("#miles-input");

                kmInput.val("");

                milesInput.val("");



                // Convert kilometers to miles

                $("#convert-km-to-miles").click(function() {

                    var km = parseFloat(kmInput.val());

                    if (!isNaN(km)) {

                        var miles = convertKmToMiles(km);

                        milesInput.val(miles.toFixed(2));

                    }

                });



                // Convert miles to kilometers

                $("#convert-miles-to-km").click(function() {

                    var miles = parseFloat(milesInput.val());

                    if (!isNaN(miles)) {

                        var km = convertMilesToKm(miles);

                        kmInput.val(km.toFixed(2));

                    }

                });



                // Clear the inputs

                $("#clear-inputs").click(function() {

                    kmInput.val("");

                    milesInput.val("");

                });

            });

        </script>

        

        <style>

            body {

                background-color: #f2f2f2;

                font-family: 'Roboto', sans-serif;

            }



            h1 {

                text-align: center;

                margin-top: 50px;

                margin-bottom: 30px;

                color: #333333;

            }



            .form-group {

                margin-bottom: 20px;

            }



            .btn {

                width: 100%;

                padding: 10px;

                font-size: 16px;

            }



            .btn-primary {

                background-color: #007bff;

                border-color: #007bff;

            }



            .btn-primary:hover {

                background-color: #0069d9;

                border-color: #0069d9;

            }



            .btn-secondary {

                background-color: #6c757d;

                border-color: #6c757d;

            }



            .btn-secondary:hover {

                background-color: #5a6268;

                border-color: #5a6268;

            }

        </style>

    

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

	<meta charset="utf-8">

</head>

    <body>

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

            <h1>Kilometers to Miles Converter</h1>

            <div class="row">

                <div class="col-md-6">

                    <div class="form-group">

                        <label for="km-input">Kilometers</label>

                        <input type="number" id="km-input" class="form-control" placeholder="Enter kilometers">

                    </div>

                    <button id="convert-km-to-miles" class="btn btn-primary">Convert to Miles</button>

                </div>

                <div class="col-md-6">

                    <div class="form-group">

                        <label for="miles-input">Miles</label>

                        <input type="number" id="miles-input" class="form-control" placeholder="Enter miles">

                    </div>

                    <button id="convert-miles-to-km" class="btn btn-primary">Convert to Kilometers</button>

                </div>

            </div>

            <button id="clear-inputs" class="btn btn-secondary">Clear Inputs</button>

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

Kilometers to Miles Converter

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?