Length Converter<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n background: #f0f2f5;\n padding: 20px;\n max-width: 500px;\n margin: auto;\n }\n h2 {\n text-align: center;\n color: #333;\n }\n .converter {\n background: #fff;\n padding: 20px;\n border-radius: 12px;\n box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n }\n .form-group {\n margin-bottom: 15px;\n }\n label {\n font-weight: bold;\n }\n input, select {\n width: 100%;\n padding: 10px;\n margin-top: 5px;\n border-radius: 8px;\n border: 1px solid #ccc;\n }\n .result {\n margin-top: 20px;\n background: #f9f9f9;\n padding: 10px;\n border-left: 4px solid #007bff;\n }\n <\/style>\n<\/head>\n<body>\n <h2>Length Converter<\/h2>\n <div class=\"converter\">\n <div class=\"form-group\">\n <label for=\"length\">Enter Value:<\/label>\n <input type=\"number\" id=\"length\" placeholder=\"Enter length\" oninput=\"convertLength()\" \/>\n <\/div>\n <div class=\"form-group\">\n <label for=\"fromUnit\">From:<\/label>\n <select id=\"fromUnit\" onchange=\"convertLength()\">\n <option value=\"mm\">Millimeter (mm)<\/option>\n <option value=\"cm\">Centimeter (cm)<\/option>\n <option value=\"m\">Meter (m)<\/option>\n <option value=\"km\">Kilometer (km)<\/option>\n <option value=\"in\">Inch (in)<\/option>\n <option value=\"ft\">Foot (ft)<\/option>\n <option value=\"yd\">Yard (yd)<\/option>\n <option value=\"mi\">Mile (mi)<\/option>\n <\/select>\n <\/div>\n <div class=\"result\" id=\"resultArea\">\n \n <\/div>\n <\/div>\n\n <script>\n const conversions = {\n mm: 1,\n cm: 10,\n m: 1000,\n km: 1000000,\n in: 25.4,\n ft: 304.8,\n yd: 914.4,\n mi: 1609344\n };\n\n function convertLength() {\n const input = parseFloat(document.getElementById(\"length\").value);\n const fromUnit = document.getElementById(\"fromUnit\").value;\n\n if (isNaN(input)) {\n document.getElementById(\"resultArea\").innerHTML = \"Please enter a valid number.\";\n return;\n }\n\n let mmValue = input * conversions[fromUnit];\n let output = \"\";\n\n for (let unit in conversions) {\n let converted = mmValue \/ conversions[unit];\n output += `<strong>${unit.toUpperCase()}:<\/strong> ${converted.toFixed(4)}<br>`;\n }\n\n document.getElementById(\"resultArea\").innerHTML = output;\n }\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Length Converter Length Converter Enter Value: From: Millimeter (mm)Centimeter (cm)Meter (m)Kilometer (km)Inch (in)Foot (ft)Yard (yd)Mile (mi)<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4199","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/ocstore.in\/index.php?rest_route=\/wp\/v2\/pages\/4199","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ocstore.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ocstore.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ocstore.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ocstore.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4199"}],"version-history":[{"count":9,"href":"https:\/\/ocstore.in\/index.php?rest_route=\/wp\/v2\/pages\/4199\/revisions"}],"predecessor-version":[{"id":4265,"href":"https:\/\/ocstore.in\/index.php?rest_route=\/wp\/v2\/pages\/4199\/revisions\/4265"}],"wp:attachment":[{"href":"https:\/\/ocstore.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":4199,"date":"2025-07-20T00:29:53","date_gmt":"2025-07-19T18:59:53","guid":{"rendered":"https:\/\/ocstore.in\/?page_id=4199"},"modified":"2025-07-22T23:38:04","modified_gmt":"2025-07-22T18:08:04","slug":"length-converter","status":"publish","type":"page","link":"https:\/\/ocstore.in\/?page_id=4199","title":{"rendered":"Length Converter"},"content":{"rendered":"\n\n\n\n \n \n Length Converter<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n background: #f0f2f5;\n padding: 20px;\n max-width: 500px;\n margin: auto;\n }\n h2 {\n text-align: center;\n color: #333;\n }\n .converter {\n background: #fff;\n padding: 20px;\n border-radius: 12px;\n box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n }\n .form-group {\n margin-bottom: 15px;\n }\n label {\n font-weight: bold;\n }\n input, select {\n width: 100%;\n padding: 10px;\n margin-top: 5px;\n border-radius: 8px;\n border: 1px solid #ccc;\n }\n .result {\n margin-top: 20px;\n background: #f9f9f9;\n padding: 10px;\n border-left: 4px solid #007bff;\n }\n <\/style>\n<\/head>\n<body>\n <h2>Length Converter<\/h2>\n <div class=\"converter\">\n <div class=\"form-group\">\n <label for=\"length\">Enter Value:<\/label>\n <input type=\"number\" id=\"length\" placeholder=\"Enter length\" oninput=\"convertLength()\" \/>\n <\/div>\n <div class=\"form-group\">\n <label for=\"fromUnit\">From:<\/label>\n <select id=\"fromUnit\" onchange=\"convertLength()\">\n <option value=\"mm\">Millimeter (mm)<\/option>\n <option value=\"cm\">Centimeter (cm)<\/option>\n <option value=\"m\">Meter (m)<\/option>\n <option value=\"km\">Kilometer (km)<\/option>\n <option value=\"in\">Inch (in)<\/option>\n <option value=\"ft\">Foot (ft)<\/option>\n <option value=\"yd\">Yard (yd)<\/option>\n <option value=\"mi\">Mile (mi)<\/option>\n <\/select>\n <\/div>\n <div class=\"result\" id=\"resultArea\">\n \n <\/div>\n <\/div>\n\n <script>\n const conversions = {\n mm: 1,\n cm: 10,\n m: 1000,\n km: 1000000,\n in: 25.4,\n ft: 304.8,\n yd: 914.4,\n mi: 1609344\n };\n\n function convertLength() {\n const input = parseFloat(document.getElementById(\"length\").value);\n const fromUnit = document.getElementById(\"fromUnit\").value;\n\n if (isNaN(input)) {\n document.getElementById(\"resultArea\").innerHTML = \"Please enter a valid number.\";\n return;\n }\n\n let mmValue = input * conversions[fromUnit];\n let output = \"\";\n\n for (let unit in conversions) {\n let converted = mmValue \/ conversions[unit];\n output += `<strong>${unit.toUpperCase()}:<\/strong> ${converted.toFixed(4)}<br>`;\n }\n\n document.getElementById(\"resultArea\").innerHTML = output;\n }\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Length Converter Length Converter Enter Value: From: Millimeter (mm)Centimeter (cm)Meter (m)Kilometer (km)Inch (in)Foot (ft)Yard (yd)Mile (mi)<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4199","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/ocstore.in\/index.php?rest_route=\/wp\/v2\/pages\/4199","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ocstore.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ocstore.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ocstore.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ocstore.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4199"}],"version-history":[{"count":9,"href":"https:\/\/ocstore.in\/index.php?rest_route=\/wp\/v2\/pages\/4199\/revisions"}],"predecessor-version":[{"id":4265,"href":"https:\/\/ocstore.in\/index.php?rest_route=\/wp\/v2\/pages\/4199\/revisions\/4265"}],"wp:attachment":[{"href":"https:\/\/ocstore.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}