{"id":1470,"date":"2025-08-09T08:35:31","date_gmt":"2025-08-09T08:35:31","guid":{"rendered":"https:\/\/donhit.com\/en\/?p=1470"},"modified":"2025-08-10T15:39:21","modified_gmt":"2025-08-10T15:39:21","slug":"cm-to-feet","status":"publish","type":"post","link":"https:\/\/donhit.com\/en\/convert\/cm-to-feet\/","title":{"rendered":"CM to Feet Converter"},"content":{"rendered":"<p><center><div class=\"converter-app\">\r\n    <div class=\"converter-card\">\r\n        <h2 class=\"converter-title\">\ud83d\udccf Length Converter<\/h2>\r\n        <p class=\"converter-subtitle\">Convert between centimeters and feet with precision<\/p>\r\n        \r\n        <div class=\"input-section\">\r\n            <label class=\"input-label\" id=\"inputLabel\">Enter Centimeters<\/label>\r\n            <div class=\"input-wrapper\">\r\n                <input \r\n                    type=\"number\" \r\n                    class=\"converter-input\" \r\n                    id=\"inputValue\" \r\n                    placeholder=\"0\" \r\n                    step=\"0.01\"\r\n                >\r\n                <span class=\"input-unit\" id=\"inputUnit\">cm<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <button class=\"swap-button\" id=\"swapButton\" title=\"Swap conversion direction\">\r\n            <svg class=\"swap-icon\" viewBox=\"0 0 24 24\">\r\n                <path d=\"M16.5 9.5L12 14L7.5 9.5H16.5ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2Z\"\/>\r\n            <\/svg>\r\n        <\/button>\r\n\r\n        <div class=\"result-section\">\r\n            <div class=\"result-label\" id=\"resultLabel\">Result in Feet<\/div>\r\n            <div class=\"result-value\" id=\"resultValue\">0<\/div>\r\n            <div class=\"result-unit\" id=\"resultUnit\">feet<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"formula-section\">\r\n            <div class=\"formula-title\">Conversion Formula<\/div>\r\n            <div class=\"formula-text\" id=\"formulaText\">feet = cm \u00f7 30.48<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"quick-conversions\">\r\n            <div class=\"quick-title\">Quick Conversions<\/div>\r\n            <div class=\"quick-grid\" id=\"quickGrid\">\r\n                <!-- Quick conversion items will be generated by JavaScript -->\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    class LengthConverter {\r\n        constructor() {\r\n            this.isCmToFeet = true;\r\n            this.initializeElements();\r\n            this.setupEventListeners();\r\n            this.generateQuickConversions();\r\n            this.updateUI();\r\n        }\r\n\r\n        initializeElements() {\r\n            this.inputValue = document.getElementById('inputValue');\r\n            this.inputLabel = document.getElementById('inputLabel');\r\n            this.inputUnit = document.getElementById('inputUnit');\r\n            this.resultValue = document.getElementById('resultValue');\r\n            this.resultLabel = document.getElementById('resultLabel');\r\n            this.resultUnit = document.getElementById('resultUnit');\r\n            this.swapButton = document.getElementById('swapButton');\r\n            this.formulaText = document.getElementById('formulaText');\r\n            this.quickGrid = document.getElementById('quickGrid');\r\n        }\r\n\r\n        setupEventListeners() {\r\n            this.inputValue.addEventListener('input', () => this.convert());\r\n            this.inputValue.addEventListener('keypress', (e) => {\r\n                if (e.key === 'Enter') {\r\n                    this.inputValue.blur();\r\n                }\r\n            });\r\n            \r\n            this.swapButton.addEventListener('click', () => this.swapConversion());\r\n            \r\n            \/\/ Add focus animation\r\n            this.inputValue.addEventListener('focus', () => {\r\n                this.inputValue.parentElement.style.transform = 'scale(1.02)';\r\n            });\r\n            \r\n            this.inputValue.addEventListener('blur', () => {\r\n                this.inputValue.parentElement.style.transform = 'scale(1)';\r\n            });\r\n        }\r\n\r\n        convert() {\r\n            const value = parseFloat(this.inputValue.value);\r\n            \r\n            if (isNaN(value) || value === '') {\r\n                this.resultValue.textContent = '0';\r\n                return;\r\n            }\r\n\r\n            let result;\r\n            if (this.isCmToFeet) {\r\n                result = value \/ 30.48; \/\/ 1 foot = 30.48 cm\r\n            } else {\r\n                result = value * 30.48; \/\/ 1 foot = 30.48 cm\r\n            }\r\n\r\n            \/\/ Format result with appropriate precision\r\n            if (result >= 100) {\r\n                this.resultValue.textContent = result.toLocaleString('en-US', {\r\n                    maximumFractionDigits: 2,\r\n                    minimumFractionDigits: 0\r\n                });\r\n            } else if (result >= 1) {\r\n                this.resultValue.textContent = result.toFixed(3);\r\n            } else {\r\n                this.resultValue.textContent = result.toFixed(4);\r\n            }\r\n\r\n            \/\/ Add subtle animation to result\r\n            this.resultValue.style.transform = 'scale(1.05)';\r\n            setTimeout(() => {\r\n                this.resultValue.style.transform = 'scale(1)';\r\n            }, 200);\r\n        }\r\n\r\n        swapConversion() {\r\n            this.isCmToFeet = !this.isCmToFeet;\r\n            \r\n            \/\/ Swap the current value if there's one\r\n            const currentValue = parseFloat(this.inputValue.value);\r\n            if (!isNaN(currentValue)) {\r\n                const currentResult = parseFloat(this.resultValue.textContent.replace(\/,\/g, ''));\r\n                this.inputValue.value = currentResult;\r\n            }\r\n            \r\n            this.updateUI();\r\n            this.generateQuickConversions();\r\n            this.convert();\r\n        }\r\n\r\n        updateUI() {\r\n            if (this.isCmToFeet) {\r\n                this.inputLabel.textContent = 'Enter Centimeters';\r\n                this.inputUnit.textContent = 'cm';\r\n                this.resultLabel.textContent = 'Result in Feet';\r\n                this.resultUnit.textContent = 'feet';\r\n                this.formulaText.textContent = 'feet = cm \u00f7 30.48';\r\n                this.inputValue.placeholder = '0';\r\n            } else {\r\n                this.inputLabel.textContent = 'Enter Feet';\r\n                this.inputUnit.textContent = 'ft';\r\n                this.resultLabel.textContent = 'Result in Centimeters';\r\n                this.resultUnit.textContent = 'cm';\r\n                this.formulaText.textContent = 'cm = feet \u00d7 30.48';\r\n                this.inputValue.placeholder = '0';\r\n            }\r\n        }\r\n\r\n        generateQuickConversions() {\r\n            const quickConversions = this.isCmToFeet ? [\r\n                { cm: 30, feet: 0.98 },\r\n                { cm: 50, feet: 1.64 },\r\n                { cm: 100, feet: 3.28 },\r\n                { cm: 150, feet: 4.92 },\r\n                { cm: 180, feet: 5.91 },\r\n                { cm: 200, feet: 6.56 }\r\n            ] : [\r\n                { feet: 1, cm: 30.48 },\r\n                { feet: 2, cm: 60.96 },\r\n                { feet: 3, cm: 91.44 },\r\n                { feet: 5, cm: 152.4 },\r\n                { feet: 6, cm: 182.88 },\r\n                { feet: 10, cm: 304.8 }\r\n            ];\r\n\r\n            this.quickGrid.innerHTML = quickConversions.map(item => {\r\n                const fromValue = this.isCmToFeet ? item.cm : item.feet;\r\n                const toValue = this.isCmToFeet ? item.feet : item.cm;\r\n                const fromUnit = this.isCmToFeet ? 'cm' : 'ft';\r\n                const toUnit = this.isCmToFeet ? 'ft' : 'cm';\r\n                \r\n                return `\r\n                    <div class=\"quick-item\" onclick=\"converter.setQuickValue(${fromValue})\">\r\n                        <div class=\"quick-cm\">${fromValue} ${fromUnit}<\/div>\r\n                        <div class=\"quick-feet\">${toValue} ${toUnit}<\/div>\r\n                    <\/div>\r\n                `;\r\n            }).join('');\r\n        }\r\n\r\n        setQuickValue(value) {\r\n            this.inputValue.value = value;\r\n            this.convert();\r\n            \r\n            \/\/ Add visual feedback\r\n            this.inputValue.style.background = '#e6fffa';\r\n            setTimeout(() => {\r\n                this.inputValue.style.background = '#fafafa';\r\n            }, 500);\r\n        }\r\n    }\r\n\r\n    \/\/ Initialize the converter when the page loads\r\n    const converter = new LengthConverter();\r\n<\/script><\/center><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1470","post","type-post","status-publish","format-standard","hentry","category-convert"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>CM to Feet Converter - DonHit<\/title>\n<meta name=\"description\" content=\"The cm to feet conversion is particularly useful when working with dimensional units in height and length measurements\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/donhit.com\/en\/convert\/cm-to-feet\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CM to Feet Converter - DonHit\" \/>\n<meta property=\"og:description\" content=\"The cm to feet conversion is particularly useful when working with dimensional units in height and length measurements\" \/>\n<meta property=\"og:url\" content=\"https:\/\/donhit.com\/en\/convert\/cm-to-feet\/\" \/>\n<meta property=\"og:site_name\" content=\"DonHit - World of Tools\" \/>\n<meta property=\"article:published_time\" content=\"2025-08-09T08:35:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-10T15:39:21+00:00\" \/>\n<meta name=\"author\" content=\"DonHit\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"DonHit\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CM to Feet Converter - DonHit","description":"The cm to feet conversion is particularly useful when working with dimensional units in height and length measurements","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/donhit.com\/en\/convert\/cm-to-feet\/","og_locale":"en_US","og_type":"article","og_title":"CM to Feet Converter - DonHit","og_description":"The cm to feet conversion is particularly useful when working with dimensional units in height and length measurements","og_url":"https:\/\/donhit.com\/en\/convert\/cm-to-feet\/","og_site_name":"DonHit - World of Tools","article_published_time":"2025-08-09T08:35:31+00:00","article_modified_time":"2025-08-10T15:39:21+00:00","author":"DonHit","twitter_card":"summary_large_image","twitter_misc":{"Written by":"DonHit","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/donhit.com\/en\/convert\/cm-to-feet\/#article","isPartOf":{"@id":"https:\/\/donhit.com\/en\/convert\/cm-to-feet\/"},"author":{"name":"DonHit","@id":"https:\/\/donhit.com\/en\/#\/schema\/person\/0c6ff7dcd8ba4810c56a532f09c33148"},"headline":"CM to Feet Converter","datePublished":"2025-08-09T08:35:31+00:00","dateModified":"2025-08-10T15:39:21+00:00","mainEntityOfPage":{"@id":"https:\/\/donhit.com\/en\/convert\/cm-to-feet\/"},"wordCount":7,"commentCount":0,"publisher":{"@id":"https:\/\/donhit.com\/en\/#\/schema\/person\/0c6ff7dcd8ba4810c56a532f09c33148"},"articleSection":["Conversion Calculators"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/donhit.com\/en\/convert\/cm-to-feet\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/donhit.com\/en\/convert\/cm-to-feet\/","url":"https:\/\/donhit.com\/en\/convert\/cm-to-feet\/","name":"CM to Feet Converter - DonHit","isPartOf":{"@id":"https:\/\/donhit.com\/en\/#website"},"datePublished":"2025-08-09T08:35:31+00:00","dateModified":"2025-08-10T15:39:21+00:00","description":"The cm to feet conversion is particularly useful when working with dimensional units in height and length measurements","breadcrumb":{"@id":"https:\/\/donhit.com\/en\/convert\/cm-to-feet\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/donhit.com\/en\/convert\/cm-to-feet\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/donhit.com\/en\/convert\/cm-to-feet\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Trang ch\u1ee7","item":"https:\/\/donhit.com\/en\/"},{"@type":"ListItem","position":2,"name":"Conversion Calculators","item":"https:\/\/donhit.com\/en\/category\/convert\/"},{"@type":"ListItem","position":3,"name":"CM to Feet Converter"}]},{"@type":"WebSite","@id":"https:\/\/donhit.com\/en\/#website","url":"https:\/\/donhit.com\/en\/","name":"DonHit - World of tools","description":"","publisher":{"@id":"https:\/\/donhit.com\/en\/#\/schema\/person\/0c6ff7dcd8ba4810c56a532f09c33148"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/donhit.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/donhit.com\/en\/#\/schema\/person\/0c6ff7dcd8ba4810c56a532f09c33148","name":"DonHit","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/donhit.com\/en\/#\/schema\/person\/image\/","url":"https:\/\/donhit.com\/en\/wp-content\/uploads\/2024\/11\/logo-donhit.webp","contentUrl":"https:\/\/donhit.com\/en\/wp-content\/uploads\/2024\/11\/logo-donhit.webp","width":400,"height":267,"caption":"DonHit"},"logo":{"@id":"https:\/\/donhit.com\/en\/#\/schema\/person\/image\/"},"description":"DonHit is a website designed to provide useful tools for everyone. Its primary goal is to support and empower the community. All the tools available on the site are completely free to use.","sameAs":["https:\/\/donhit.com\/en"],"url":"https:\/\/donhit.com\/en\/author\/admin_don\/"}]}},"_links":{"self":[{"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/posts\/1470","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/comments?post=1470"}],"version-history":[{"count":4,"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/posts\/1470\/revisions"}],"predecessor-version":[{"id":3147,"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/posts\/1470\/revisions\/3147"}],"wp:attachment":[{"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/media?parent=1470"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/categories?post=1470"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/tags?post=1470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}