BMR \uacc4\uc0b0\uae30<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #f5f5f5;\n padding: 20px;\n }\n\n .bmr-container {\n max-width: 600px;\n margin: 0 auto;\n background: white;\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n }\n\n h1 {\n font-size: 32px;\n margin-bottom: 10px;\n color: #222;\n }\n\n h2 {\n font-size: 24px;\n margin-bottom: 20px;\n color: #444;\n }\n\n .description {\n color: #666;\n margin-bottom: 30px;\n font-size: 16px;\n }\n\n .form-group {\n margin-bottom: 25px;\n }\n\n label {\n display: block;\n margin-bottom: 8px;\n font-weight: 500;\n color: #444;\n font-size: 15px;\n }\n\n .input-wrapper {\n position: relative;\n }\n\n input[type=\"number\"] {\n width: 100%;\n padding: 12px 45px 12px 15px;\n font-size: 16px;\n border: 2px solid #ddd;\n border-radius: 8px;\n transition: border-color 0.3s;\n }\n\n input[type=\"number\"]:focus {\n outline: none;\n border-color: #F0605C;\n }\n\n .unit-label {\n position: absolute;\n right: 15px;\n top: 50%;\n transform: translateY(-50%);\n color: #999;\n font-size: 14px;\n }\n\n .unit-toggle {\n display: flex;\n gap: 10px;\n margin-top: 10px;\n }\n\n .unit-btn {\n flex: 1;\n padding: 8px 16px;\n border: 2px solid #ddd;\n background: white;\n border-radius: 6px;\n cursor: pointer;\n font-size: 14px;\n transition: all 0.3s;\n }\n\n .unit-btn.active {\n background: #F0605C;\n border-color: #F0605C;\n color: white;\n }\n\n .height-inputs {\n display: flex;\n gap: 10px;\n }\n\n .height-inputs .input-wrapper {\n flex: 1;\n }\n\n .height-cm {\n display: block;\n }\n\n .height-ft-in {\n display: none;\n }\n\n .radio-group {\n display: flex;\n gap: 20px;\n }\n\n .radio-option {\n display: flex;\n align-items: center;\n cursor: pointer;\n }\n\n .radio-option input[type=\"radio\"] {\n width: 20px;\n height: 20px;\n margin-right: 8px;\n cursor: pointer;\n accent-color: #F0605C;\n }\n\n .radio-option label {\n margin: 0;\n cursor: pointer;\n font-weight: normal;\n }\n\n .calculate-btn {\n width: 100%;\n padding: 15px;\n background: #F0605C;\n color: white;\n border: none;\n border-radius: 8px;\n font-size: 18px;\n font-weight: 600;\n cursor: pointer;\n transition: background 0.3s;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .calculate-btn:hover {\n background: #e04f4b;\n }\n\n .calculate-btn:active {\n transform: scale(0.98);\n }\n\n .result {\n display: none;\n margin-top: 30px;\n padding: 25px;\n background: #f8f9fa;\n border-radius: 8px;\n border-left: 4px solid #F0605C;\n }\n\n .result.show {\n display: block;\n }\n\n .result h3 {\n color: #F0605C;\n margin-bottom: 15px;\n font-size: 20px;\n }\n\n .bmr-value {\n font-size: 36px;\n font-weight: bold;\n color: #222;\n margin-bottom: 10px;\n }\n\n .bmr-unit {\n font-size: 16px;\n color: #666;\n margin-bottom: 25px;\n }\n\n .activity-table {\n width: 100%;\n margin-top: 20px;\n border-collapse: collapse;\n }\n\n .activity-table th,\n .activity-table td {\n padding: 12px;\n text-align: left;\n border-bottom: 1px solid #ddd;\n }\n\n .activity-table th {\n background: #F0605C;\n color: white;\n font-weight: 600;\n font-size: 14px;\n }\n\n .activity-table td {\n font-size: 14px;\n }\n\n .activity-table tr:last-child td {\n border-bottom: none;\n }\n\n .activity-table .calories {\n font-weight: 600;\n color: #F0605C;\n }\n\n @media (max-width: 480px) {\n .bmr-container {\n padding: 20px;\n }\n\n h1 {\n font-size: 28px;\n }\n\n h2 {\n font-size: 20px;\n }\n\n .activity-table {\n font-size: 13px;\n }\n\n .activity-table th,\n .activity-table td {\n padding: 10px 8px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"bmr-container\">\n <h2>Calculate your BMR<\/h2>\n <p class=\"description\">To determine your current BMR (Basal Metabolic Rate), please provide the following information:<\/p>\n\n <div id=\"bmrForm\">\n <div class=\"form-group\">\n <label>Current Weight<\/label>\n <div class=\"input-wrapper\">\n <input type=\"number\" id=\"weight\" step=\"0.1\">\n <span class=\"unit-label\" id=\"weightUnit\">kg<\/span>\n <\/div>\n <div class=\"unit-toggle\">\n <button type=\"button\" class=\"unit-btn active\" onclick=\"setWeightUnit('kg')\">Kilograms (kg)<\/button>\n <button type=\"button\" class=\"unit-btn\" onclick=\"setWeightUnit('lbs')\">Pounds (lbs)<\/button>\n <\/div>\n <\/div>\n\n <div class=\"form-group\">\n <label>Height<\/label>\n <div class=\"height-cm\" id=\"heightCmDiv\">\n <div class=\"input-wrapper\">\n <input type=\"number\" id=\"heightCm\" step=\"0.1\">\n <span class=\"unit-label\">cm<\/span>\n <\/div>\n <\/div>\n <div class=\"height-ft-in\" id=\"heightFtInDiv\">\n <div class=\"height-inputs\">\n <div class=\"input-wrapper\">\n <input type=\"number\" id=\"heightFt\" step=\"1\">\n <span class=\"unit-label\">ft<\/span>\n <\/div>\n <div class=\"input-wrapper\">\n <input type=\"number\" id=\"heightIn\" step=\"1\">\n <span class=\"unit-label\">in<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"unit-toggle\">\n <button type=\"button\" class=\"unit-btn active\" onclick=\"setHeightUnit('cm')\">Centimeters (cm)<\/button>\n <button type=\"button\" class=\"unit-btn\" onclick=\"setHeightUnit('ft')\">Feet & Inches (ft\/in)<\/button>\n <\/div>\n <\/div>\n\n <div class=\"form-group\">\n <label>Age<\/label>\n <div class=\"input-wrapper\">\n <input type=\"number\" id=\"age\">\n <span class=\"unit-label\">years<\/span>\n <\/div>\n <\/div>\n\n <div class=\"form-group\">\n <label>Sex<\/label>\n <div class=\"radio-group\">\n <div class=\"radio-option\">\n <input type=\"radio\" id=\"male\" name=\"sex\" value=\"male\">\n <label for=\"male\">Male<\/label>\n <\/div>\n <div class=\"radio-option\">\n <input type=\"radio\" id=\"female\" name=\"sex\" value=\"female\">\n <label for=\"female\">Female<\/label>\n <\/div>\n <\/div>\n <\/div>\n\n <button type=\"button\" class=\"calculate-btn\" onclick=\"calculateBMR()\">Calculate<\/button>\n <\/div>\n\n <div class=\"result\" id=\"result\">\n <h3>Your BMR Result<\/h3>\n <div class=\"bmr-value\" id=\"bmrValue\">0<\/div>\n <div class=\"bmr-unit\">calories\/day<\/div>\n \n <h3 style=\"margin-top: 25px;\">Daily Calorie Needs Based on Activity Level<\/h3>\n <table class=\"activity-table\">\n <thead>\n <tr>\n <th>Activity Level<\/th>\n <th>Calories\/Day<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"activityTable\">\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n <script>\n let weightUnit = 'kg';\n let heightUnit = 'cm';\n\n function setWeightUnit(unit) {\n weightUnit = unit;\n document.getElementById('weightUnit').textContent = unit;\n \n const buttons = document.querySelectorAll('.form-group:first-child .unit-btn');\n buttons.forEach(btn => {\n if (btn.textContent.includes(unit)) {\n btn.classList.add('active');\n } else {\n btn.classList.remove('active');\n }\n });\n }\n\n function setHeightUnit(unit) {\n heightUnit = unit;\n \n const buttons = document.querySelectorAll('.form-group:nth-child(2) .unit-btn');\n buttons.forEach(btn => {\n if (btn.textContent.includes(unit)) {\n btn.classList.add('active');\n } else {\n btn.classList.remove('active');\n }\n });\n \n if (unit === 'cm') {\n document.getElementById('heightCmDiv').style.display = 'block';\n document.getElementById('heightFtInDiv').style.display = 'none';\n } else {\n document.getElementById('heightCmDiv').style.display = 'none';\n document.getElementById('heightFtInDiv').style.display = 'block';\n }\n }\n\n function calculateBMR() {\n console.log('Calculate button clicked');\n \n \/\/ Get weight in kg\n let weight = parseFloat(document.getElementById('weight').value);\n if (!weight || weight <= 0) {\n alert('Please enter a valid weight');\n return;\n }\n if (weightUnit === 'lbs') {\n weight = weight * 0.453592;\n }\n\n \/\/ Get height in cm\n let height;\n if (heightUnit === 'cm') {\n height = parseFloat(document.getElementById('heightCm').value);\n if (!height || height <= 0) {\n alert('Please enter a valid height');\n return;\n }\n } else {\n const feet = parseFloat(document.getElementById('heightFt').value) || 0;\n const inches = parseFloat(document.getElementById('heightIn').value) || 0;\n if (feet <= 0 && inches <= 0) {\n alert('Please enter a valid height');\n return;\n }\n height = (feet * 30.48) + (inches * 2.54);\n }\n\n const age = parseFloat(document.getElementById('age').value);\n if (!age || age <= 0) {\n alert('Please enter a valid age');\n return;\n }\n\n const sexInput = document.querySelector('input[name=\"sex\"]:checked');\n if (!sexInput) {\n alert('Please select your sex');\n return;\n }\n const sex = sexInput.value;\n\n \/\/ Calculate BMR\n let bmr;\n if (sex === 'male') {\n bmr = (10 * weight) + (6.25 * height) - (5 * age) + 5;\n } else {\n bmr = (10 * weight) + (6.25 * height) - (5 * age) - 161;\n }\n\n console.log('BMR calculated:', bmr);\n\n \/\/ Display result\n document.getElementById('bmrValue').textContent = Math.round(bmr);\n \n \/\/ Calculate activity levels\n const activities = [\n { level: 'Sedentary (little or no exercise)', multiplier: 1.2 },\n { level: 'Lightly active (1-3 days\/week)', multiplier: 1.375 },\n { level: 'Moderately active (3-5 days\/week)', multiplier: 1.55 },\n { level: 'Very active (6-7 days\/week)', multiplier: 1.725 },\n { level: 'Extra active (very intense exercise)', multiplier: 1.9 }\n ];\n\n const tableBody = document.getElementById('activityTable');\n tableBody.innerHTML = '';\n \n activities.forEach(activity => {\n const calories = Math.round(bmr * activity.multiplier);\n const row = document.createElement('tr');\n row.innerHTML = `\n <td>${activity.level}<\/td>\n <td class=\"calories\">${calories}<\/td>\n `;\n tableBody.appendChild(row);\n });\n\n document.getElementById('result').classList.add('show');\n \n setTimeout(() => {\n document.getElementById('result').scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n }, 100);\n }\n <\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t<\/div>\n\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n\n\t<div class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone\" data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"fws_69e08909711d9\" data-column-margin=\"default\" data-midnight=\"dark\" class=\"wpb_row vc_row-fluid vc_row\" style=\"padding-top: 0px; padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop\" style=\"\"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div class=\"vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone\" data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"nectar-split-heading\" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h1 >Like Duolingo but for Weight Loss<\/h1><\/div>\n<div class=\"wpb_text_column wpb_content_element\" >\n\t<div class=\"wpb_wrapper\">\n\t\t<p>Fito is a food and calories tracking app, like <a href=\"https:\/\/www.duolingo.com\/\" rel=\"noopener\">\ub4c0\uc624\ub9c1\uace0<\/a> but for weight loss. And it has a cute little bear that accompanies you on your diet in the <a href=\"https:\/\/getfitoapp.com\/ko\/tools\/fitness-streak-widgets-and-watch-faces\/\">\ud648 \ud654\uba74 \uc704\uc82f<\/a>, giving your long-term health journey a boost of motivation.<\/p>\n\t<\/div>\n<\/div>\n\n\n\n<div class=\"nectar-cta text_hover_color_FFFFFF alignment_tablet_default alignment_phone_default display_tablet_inherit display_phone_inherit\" data-color=\"accent-color\" data-using-bg=\"true\" data-style=\"basic\" data-display=\"block\" data-alignment=\"left\" data-text-color=\"custom\" ><h3 style=\"color: #FFFFFF;\"><span class=\"link_wrap\" style=\"padding-top: 15px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px;\"><a class=\"link_text\" role=\"button\" href=\"https:\/\/getfitoapp.com\/ko\/\"><span class=\"text\">\uc9c0\uae08 \uc0ac\uc6a9\ud574 \ubcf4\uc138\uc694<\/span><\/a><\/span><\/h3><\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n\n\t<div class=\"vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone\" data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"img-with-aniamtion-wrap\" data-max-width=\"100%\" data-max-width-mobile=\"default\" data-shadow=\"none\" data-animation=\"none\" >\n <div class=\"inner\">\n <div class=\"hover-wrap\"> \n <div class=\"hover-wrap-inner\">\n <img loading=\"lazy\" decoding=\"async\" class=\"img-with-animation skip-lazy\" data-delay=\"0\" height=\"1525\" width=\"2560\" data-animation=\"none\" src=\"https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-scaled.jpg\" alt=\"\uc5f0\uc18d \uc6b4\ub3d9 \ud0c0\uc784\ub77c\uc778, \uc6d4\ubcc4 \uac70\ub9ac \ubc0f \ub9c8\uc2a4\ucf54\ud2b8 \uc54c\ub9bc\uc774 \ud3ec\ud568\ub41c \uc6b4\ub3d9 \uc5f0\uc18d \uac1c\uc694\" srcset=\"https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-scaled.jpg 2560w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-300x179.jpg 300w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-1024x610.jpg 1024w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-768x458.jpg 768w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-1536x915.jpg 1536w, https:\/\/getfitoapp.com\/wp-content\/uploads\/2025\/08\/streak-2048x1220.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>","protected":false},"excerpt":{"rendered":"BMR Calculator The Basal Metabolic Rate. How many calories do you consume each day? BMR Calculator Calculate your BMR To determine your current BMR (Basal Metabolic Rate), please provide the...","protected":false},"author":1,"featured_media":0,"parent":6528,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"tags":[39],"class_list":{"0":"post-6682","1":"page","2":"type-page","3":"status-publish","5":"tag-tools"},"_links":{"self":[{"href":"https:\/\/getfitoapp.com\/ko\/wp-json\/wp\/v2\/pages\/6682","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getfitoapp.com\/ko\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/getfitoapp.com\/ko\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/getfitoapp.com\/ko\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/getfitoapp.com\/ko\/wp-json\/wp\/v2\/comments?post=6682"}],"version-history":[{"count":0,"href":"https:\/\/getfitoapp.com\/ko\/wp-json\/wp\/v2\/pages\/6682\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/getfitoapp.com\/ko\/wp-json\/wp\/v2\/pages\/6528"}],"wp:attachment":[{"href":"https:\/\/getfitoapp.com\/ko\/wp-json\/wp\/v2\/media?parent=6682"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/getfitoapp.com\/ko\/wp-json\/wp\/v2\/tags?post=6682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}