{"id":853,"date":"2023-04-16T12:11:54","date_gmt":"2023-04-16T12:11:54","guid":{"rendered":"https:\/\/peduligizi.id?page_id=853"},"modified":"2023-04-16T12:16:11","modified_gmt":"2023-04-16T12:16:11","slug":"backup","status":"publish","type":"page","link":"https:\/\/peduligizi.id\/en\/backup\/","title":{"rendered":"Backup"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"853\" class=\"elementor elementor-853\" wpc-filter-elementor-widget=\"1\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5e48e08 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5e48e08\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9948f12\" data-id=\"9948f12\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-085faf9 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"085faf9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInLeft&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Temukan Bentuk <br>Badan Idealmu!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-658467a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"658467a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-5cdc450\" data-id=\"5cdc450\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-009b6e7 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"009b6e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInLeft&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"640\" height=\"640\" src=\"https:\/\/peduligizi.id\/wp-content\/uploads\/2023\/02\/10198524_4404650-1024x1024.jpg\" class=\"attachment-large size-large wp-image-754\" alt=\"\" srcset=\"https:\/\/peduligizi.id\/wp-content\/uploads\/2023\/02\/10198524_4404650-1024x1024.jpg 1024w, https:\/\/peduligizi.id\/wp-content\/uploads\/2023\/02\/10198524_4404650-300x300.jpg 300w, https:\/\/peduligizi.id\/wp-content\/uploads\/2023\/02\/10198524_4404650-150x150.jpg 150w, https:\/\/peduligizi.id\/wp-content\/uploads\/2023\/02\/10198524_4404650-768x768.jpg 768w, https:\/\/peduligizi.id\/wp-content\/uploads\/2023\/02\/10198524_4404650-1536x1536.jpg 1536w, https:\/\/peduligizi.id\/wp-content\/uploads\/2023\/02\/10198524_4404650.jpg 2000w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-608d667\" data-id=\"608d667\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8dab61d elementor-invisible elementor-widget elementor-widget-html\" data-id=\"8dab61d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInRight&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <title>BMI Calculator<\/title>\r\n    <!--Google Font-->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@500;700&display=swap\" rel=\"stylesheet\">\r\n    <!--Stylesheet-->\r\n    <style>\r\n        *,\r\n*:before,\r\n*:after{\r\n    padding: 0;\r\n    margin: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.container{\r\n    \r\n    background-color: #ffffff;\r\n    padding: 10px 20px;\r\n    width: 80%;\r\n    min-width: 400px;\r\n    align-items: center;\r\n    align-self: center\r\n    top: 50%;\r\n    left: 50%;\r\n    border-radius: 5px;\r\n    font-family: 'Poppins',sans-serif;\r\n    margin:auto;\r\n   \r\n}\r\n.row{\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    margin-bottom: 10px;\r\n}\r\n.row span{\r\n    font-weight: 500;\r\n}\r\ninput[type=\"range\"]{\r\n    width: 70%;\r\n    height: 3.5px;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    background-color: #dcdcdc;\r\n    border-radius: 3px;\r\n    outline: none;\r\n}\r\ninput[type=\"range\"]::-webkit-slider-thumb{\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    height: 15px;\r\n    width: 15px;\r\n    background-color: #B01F36;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n}\r\n#result{\r\n    font-size: 30px;\r\n    font-weight: 700;\r\n    letter-spacing: 1px;\r\n    text-align: center;\r\n    color: #0be881;\r\n    margin-top: 0;\r\n    margin-bottom: 0px;\r\n}\r\n#category{\r\n    font-size: 18px;\r\n    text-align: center;\r\n    letter-spacing: 1px;\r\n}\r\n#Penjelasan{\r\n    margin-top: 0;\r\n    font-size: 18px;\r\n    text-align: center;\r\n    letter-spacing: 1px;\r\n}\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"boxc\">\r\n    <div class=\"container\">\r\n        \r\n        Berat Badan\r\n        <div class=\"row\">\r\n            <input type=\"range\" min=\"20\" max=\"200\" value=\"20\" id=\"weight\" oninput=\"calculate()\">\r\n            <span id=\"weight-val\">20 kg<\/span>\r\n        <\/div>\r\n         Tinggi Badan\r\n        <div class=\"row\">\r\n          \r\n            <input type=\"range\" min=\"100\" max=\"250\" value=\"100\" id=\"height\" oninput=\"calculate()\">\r\n            <span id=\"height-val\">100 cm<\/span>\r\n        <\/div>\r\n    <\/div>\r\n        <p id=\"result\">20.0<\/p>\r\n        <p id=\"category\">Berat Badan Ideal<\/p>\r\n        <p id=\"Penjelasan\"><\/p>\r\n    <!--Script-->\r\n    <\/div>\r\n    <script>\r\n        function calculate(){\r\n\r\n    var result = document.getElementById(\"result\");\r\n    var weight = parseInt(document.getElementById(\"weight\").value);\r\n    \r\n    \r\n    document.getElementById(\"weight-val\").textContent = weight + \" kg\";\r\n\r\n    var height = parseInt(document.getElementById(\"height\").value);\r\n    document.getElementById(\"height-val\").textContent = height + \" cm\";\r\n\r\n\r\n\r\n\r\n\r\n\r\n    bmi = (weight \/ Math.pow( (height\/100), 2 )).toFixed(1);\r\n    result.textContent = bmi;\r\n    \r\n    \r\n    \r\n    if(bmi < 18.5){\r\n        category = \"Kekurangan Berat Badan \";\r\n        Penjelasan = \" Kamu termasuk golongan berat badan kurang atau kurus. Kalau kamu punya badan yang kurus, kamu bisa gampang letih dan nggak bisa bekerja keras seperti remaja yang memiliki berat badan ideal.\";\r\n        result.style.color = \"#ffc44d\";\r\n    }\r\n    else if( bmi >= 18.5 && bmi <= 24.9 ){\r\n        category = \"Berat Badan Ideal \";\r\n        Penjelasan = \"Selamat, Berat badanmu sudah ideal. Pertahankan berat badanmu ini dengan terus mengonsumsi makanan bergizi seimbang sesuai anjuran Pedoman Gizi Seimbang.\"\r\n        result.style.color = \"#0be881\";\r\n    }\r\n    else if( bmi >= 25 && bmi <= 29.9 ){\r\n        \r\n        result.style.color = \"#ff884d\";\r\n    }\r\n    else{\r\n        category = \"Kelebihan Berat Badan\";\r\n        Penjelasan =\"Kamu termasuk golongan berat badan berlebih, tapi tau nggak sih apa penyebab sebenarnya? Yap, berat badan berlebih sebenarnya dipengaruhi oleh beberapa faktor, seperti genetik, gaya hidup, lingkungan, dan budaya.\";\r\n        result.style.color = \"#ff5e57\";\r\n    } \r\n    \r\n    \r\n    document.getElementById(\"category\").textContent = category;\r\n       document.getElementById(\"Penjelasan\").textContent = Penjelasan;\r\n}\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-5ca0e36\" data-id=\"5ca0e36\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Temukan Bentuk Badan Idealmu! BMI Calculator Berat Badan 20 kg Tinggi Badan 100 cm 20.0 Berat Badan Ideal<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-853","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/peduligizi.id\/en\/wp-json\/wp\/v2\/pages\/853","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/peduligizi.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/peduligizi.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/peduligizi.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/peduligizi.id\/en\/wp-json\/wp\/v2\/comments?post=853"}],"version-history":[{"count":4,"href":"https:\/\/peduligizi.id\/en\/wp-json\/wp\/v2\/pages\/853\/revisions"}],"predecessor-version":[{"id":2000,"href":"https:\/\/peduligizi.id\/en\/wp-json\/wp\/v2\/pages\/853\/revisions\/2000"}],"wp:attachment":[{"href":"https:\/\/peduligizi.id\/en\/wp-json\/wp\/v2\/media?parent=853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}