{"id":865,"date":"2026-01-23T19:53:01","date_gmt":"2026-01-23T12:53:01","guid":{"rendered":"https:\/\/geetworld.com\/id\/?p=865"},"modified":"2026-02-04T16:43:21","modified_gmt":"2026-02-04T09:43:21","slug":"kalkulator-atap","status":"publish","type":"post","link":"https:\/\/geetworld.com\/id\/kalkulator-atap\/","title":{"rendered":"Kalkulator Atap"},"content":{"rendered":"<style>.kb-row-layout-id865_4d320a-ea > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id865_4d320a-ea > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id865_4d320a-ea > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr) minmax(0, 2fr);}.kb-row-layout-id865_4d320a-ea > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id865_4d320a-ea > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr) minmax(0, 2fr);}}@media all and (max-width: 767px){.kb-row-layout-id865_4d320a-ea > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id865_4d320a-ea alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-right-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>#wrapper.site{overflow:clip;}.kadence-column865_ec1d3d-54 > .kt-inside-inner-col,.kadence-column865_ec1d3d-54 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column865_ec1d3d-54 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column865_ec1d3d-54 > .kt-inside-inner-col{flex-direction:column;}.kadence-column865_ec1d3d-54 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column865_ec1d3d-54 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column865_ec1d3d-54{position:relative;}@media all and (max-width: 1024px){.kadence-column865_ec1d3d-54 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column865_ec1d3d-54 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column865_ec1d3d-54 kb-section-is-sticky\"><div class=\"kt-inside-inner-col\"><!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n    <title>Kalkulator Atap - Hitung Biaya dan Material<\/title>\r\n    <style>\r\n        body {\r\n            font-family: Arial, sans-serif;\r\n            background-color: #f4f4f4;\r\n            margin: 20px;\r\n        }\r\n        h2 {\r\n            margin-bottom: 20px;\r\n        }\r\n        .container {\r\n            width: 90%;\r\n            max-width: 500px;\r\n            background: #fff;\r\n            padding: 20px;\r\n            margin: auto;\r\n            border-radius: 8px;\r\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\r\n        }\r\n        label, input, select, button {\r\n            width: 100%;\r\n            display: block;\r\n            margin-top: 10px;\r\n        }\r\n        input, select {\r\n            padding: 8px;\r\n            border: 1px solid #ccc;\r\n            border-radius: 4px;\r\n        }\r\n        button {\r\n            background: #28a745;\r\n            color: white;\r\n            padding: 10px;\r\n            border: none;\r\n            cursor: pointer;\r\n            border-radius: 4px;\r\n            margin-top: 15px;\r\n        }\r\n        button:hover {\r\n            background: #218838;\r\n        }\r\n        .result {\r\n            margin-top: 20px;\r\n            font-size: 16px;\r\n            font-weight: bold;\r\n            text-align: center;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <h2>Kalkulator Atap<\/h2>\r\n    <div class=\"container\">\r\n        <label for=\"length\">Panjang Atap (meter):<\/label>\r\n        <input type=\"number\" id=\"length\" placeholder=\"Masukkan panjang\" min=\"1\" required>\r\n        \r\n        <label for=\"width\">Lebar Atap (meter):<\/label>\r\n        <input type=\"number\" id=\"width\" placeholder=\"Masukkan lebar\" min=\"1\" required>\r\n        \r\n        <label for=\"cost\">Biaya per m\u00b2 (Rp):<\/label>\r\n        <input type=\"number\" id=\"cost\" placeholder=\"Masukkan biaya\" min=\"1\" required>\r\n        \r\n        <button onclick=\"calculateRoofing()\">Hitung<\/button>\r\n        \r\n        <div class=\"result\" id=\"result\"><\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        function calculateRoofing() {\r\n            let length = parseFloat(document.getElementById(\"length\").value);\r\n            let width = parseFloat(document.getElementById(\"width\").value);\r\n            let cost = parseFloat(document.getElementById(\"cost\").value);\r\n            \r\n            if (isNaN(length) || isNaN(width) || isNaN(cost) || length <= 0 || width <= 0 || cost <= 0) {\r\n                document.getElementById(\"result\").innerHTML = \"Silakan masukkan nilai yang valid.\";\r\n                return;\r\n            }\r\n            \r\n            let area = length * width;\r\n            let totalCost = area * cost;\r\n            \r\n            document.getElementById(\"result\").innerHTML = `Total luas atap: ${area.toFixed(2)} m\u00b2<br>Total biaya: Rp ${totalCost.toLocaleString('id-ID')}`;\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\n<\/div><\/div>\n\n\n<style>.kadence-column865_0a01ae-ee > .kt-inside-inner-col,.kadence-column865_0a01ae-ee > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column865_0a01ae-ee > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column865_0a01ae-ee > .kt-inside-inner-col{flex-direction:column;}.kadence-column865_0a01ae-ee > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column865_0a01ae-ee > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column865_0a01ae-ee{position:relative;}@media all and (max-width: 1024px){.kadence-column865_0a01ae-ee > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column865_0a01ae-ee > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column865_0a01ae-ee\"><div class=\"kt-inside-inner-col\">\n<h2>Apa itu Kalkulator Atap?<\/h2>\n<p>Kalkulator Atap adalah alat yang mudah digunakan yang ditujukan untuk membantu penduduk, tukang atap, dan pembangun memperkirakan total biaya dan perlengkapan yang dibutuhkan untuk pekerjaan atap. Kalkulator ini menentukan total luas atap dan biaya berdasarkan pengukuran yang diberikan pengguna dan harga per meter persegi.<\/p>\n<h2>Mengapa Kalkulator Ini Penting?<\/h2>\n<ul>\n<li><strong>Penganggaran yang Akurat:<\/strong> Membantu Anda memperkirakan total biaya sebelum memulai pekerjaan.<\/li>\n<li>Hemat Waktu: Memberikan estimasi dengan cepat tanpa perhitungan individual.<\/li>\n<li><strong>Perencanaan Sumber Daya<\/strong>: Memastikan Anda membeli jumlah barang yang tepat, sehingga mengurangi pemborosan.<\/li>\n<li><strong>Transparansi Biaya:<\/strong> Menghindari biaya tak terduga selama pembangunan.<\/li>\n<\/ul>\n<h2>Bagaimana Cara Menggunakan Kalkulator Atap?<\/h2>\n<ul>\n<li><strong>Masukkan Dimensi Atap:<\/strong> Masukkan panjang dan lebar atap dalam meter.<\/li>\n<li><strong>Tetapkan Biaya per Meter Persegi:<\/strong> Masukkan biaya produk atap per meter persegi dalam Rupiah Indonesia (Rp).<\/li>\n<li><strong>Klik &#8220;Hitung&#8221;:<\/strong> Alat ini akan menentukan total luas atap dan perkiraan biaya.<\/li>\n<li><strong>Lihat Hasil:<\/strong> Alat ini menunjukkan total luas dan biaya dengan cara yang mudah digunakan.<\/li>\n<\/ul>\n<p>Alat ini meningkatkan estimasi biaya atap, memastikan perencanaan proyek dan manajemen biaya yang efisien.<\/p>\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Apa itu Kalkulator Atap? Kalkulator Atap adalah alat yang mudah digunakan yang ditujukan untuk membantu penduduk, tukang atap, dan pembangun&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[117],"tags":[161],"class_list":["post-865","post","type-post","status-publish","format-standard","hentry","category-lainnya","tag-kalkulator-atap"],"_links":{"self":[{"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/posts\/865","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/comments?post=865"}],"version-history":[{"count":0,"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/posts\/865\/revisions"}],"wp:attachment":[{"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/media?parent=865"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/categories?post=865"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/geetworld.com\/id\/wp-json\/wp\/v2\/tags?post=865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}