{"id":55490,"date":"2024-12-08T13:29:06","date_gmt":"2024-12-08T13:29:06","guid":{"rendered":"https:\/\/www.harsle.com\/?page_id=55490"},"modified":"2024-12-09T07:38:55","modified_gmt":"2024-12-09T07:38:55","slug":"metal-weight-calculator","status":"publish","type":"page","link":"https:\/\/www.harsle.com\/pl\/metal-weight-calculator\/","title":{"rendered":"Kalkulator wagi metalu"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"55490\" class=\"elementor elementor-55490\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-1b8fa86 e-flex e-con-boxed e-con e-parent\" data-id=\"1b8fa86\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-46b01ee e-con-full e-flex e-con e-child\" data-id=\"46b01ee\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-698a867 elementor-widget elementor-widget-image\" data-id=\"698a867\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"768\" height=\"500\" src=\"https:\/\/www.harsle.com\/wp-content\/uploads\/2024\/12\/metal-weight-calculator-768x500.jpg\" class=\"attachment-medium_large size-medium_large wp-image-55637\" alt=\"\" srcset=\"https:\/\/www.harsle.com\/wp-content\/uploads\/2024\/12\/metal-weight-calculator-768x500.jpg 768w, https:\/\/www.harsle.com\/wp-content\/uploads\/2024\/12\/metal-weight-calculator-400x261.jpg 400w, https:\/\/www.harsle.com\/wp-content\/uploads\/2024\/12\/metal-weight-calculator-1228x800.jpg 1228w, https:\/\/www.harsle.com\/wp-content\/uploads\/2024\/12\/metal-weight-calculator-1536x1000.jpg 1536w, https:\/\/www.harsle.com\/wp-content\/uploads\/2024\/12\/metal-weight-calculator-430x280.jpg 430w, https:\/\/www.harsle.com\/wp-content\/uploads\/2024\/12\/metal-weight-calculator-700x456.jpg 700w, https:\/\/www.harsle.com\/wp-content\/uploads\/2024\/12\/metal-weight-calculator-150x98.jpg 150w, https:\/\/www.harsle.com\/wp-content\/uploads\/2024\/12\/metal-weight-calculator.jpg 1600w\" sizes=\"(max-width: 768px) 100vw, 768px\">\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-351094d e-con-full e-flex e-con e-child\" data-id=\"351094d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2651768 color-scheme-inherit text-left elementor-widget elementor-widget-text-editor\" data-id=\"2651768\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Kalkulator masy metalu HARSLE to niezb\u0119dne narz\u0119dzie do szybkiego i dok\u0142adnego okre\u015blania masy r\u00f3\u017cnych materia\u0142\u00f3w metalowych o r\u00f3\u017cnych kszta\u0142tach. Niezale\u017cnie od tego, czy pracujesz z arkuszami, p\u0142ytami, pr\u0119tami, czy kszta\u0142townikami o niestandardowych kszta\u0142tach, ten kalkulator upraszcza proces, zapewniaj\u0105c precyzyjne obliczenia masy na podstawie wprowadzonych danych.<\/p><p style=\"border: 0px solid #e3e3e3; box-sizing: border-box; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; scrollbar-color: var(--main-surface-tertiary) transparent; margin: 0.5rem 0px; color: #0d0d0d; font-family: 'Segoe UI Variable Text', ui-sans-serif, -apple-system, system-ui, 'Segoe UI', Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\"><strong style=\"border: 0px solid #e3e3e3; box-sizing: border-box; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; scrollbar-color: var(--main-surface-tertiary) transparent; font-weight: 600; color: var(--tw-prose-bold);\">Jak to dzia\u0142a<\/strong><\/p><ol style=\"border: 0px solid #e3e3e3; box-sizing: border-box; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; scrollbar-color: var(--main-surface-tertiary) transparent; list-style: decimal; margin: 0px 0px 0.75em; padding: 0px 0px 0px 1.625em; color: #0d0d0d; font-family: 'Segoe UI Variable Text', ui-sans-serif, -apple-system, system-ui, 'Segoe UI', Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol'; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: #ffffff; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\"><li style=\"border: 0px solid #e3e3e3; box-sizing: border-box; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; scrollbar-color: var(--main-surface-tertiary) transparent; margin-bottom: 0.5em; margin-top: 0.5em; padding-left: 0.375em;\"><strong style=\"border: 0px solid #e3e3e3; box-sizing: border-box; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; scrollbar-color: var(--main-surface-tertiary) transparent; font-weight: 600; color: var(--tw-prose-bold); margin-top: 0px; margin-bottom: 0px;\">Wybierz rodzaj metalu<\/strong>: Wybierz spo\u015br\u00f3d szerokiej gamy materia\u0142\u00f3w (np. stal, aluminium, mied\u017a, mosi\u0105dz).<\/li><li style=\"border: 0px solid #e3e3e3; box-sizing: border-box; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; scrollbar-color: var(--main-surface-tertiary) transparent; margin-bottom: 0.5em; margin-top: 0.5em; padding-left: 0.375em;\"><strong style=\"border: 0px solid #e3e3e3; box-sizing: border-box; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; scrollbar-color: var(--main-surface-tertiary) transparent; font-weight: 600; color: var(--tw-prose-bold); margin-top: 0px; margin-bottom: 0px;\">Wybierz typ kszta\u0142tu<\/strong>:Wybierz kszta\u0142t kawa\u0142ka metalu (np. blacha, p\u0142yta, pr\u0119t, rura).<\/li><li style=\"border: 0px solid #e3e3e3; box-sizing: border-box; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; scrollbar-color: var(--main-surface-tertiary) transparent; margin-bottom: 0.5em; margin-top: 0.5em; padding-left: 0.375em;\"><strong style=\"border: 0px solid #e3e3e3; box-sizing: border-box; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; scrollbar-color: var(--main-surface-tertiary) transparent; font-weight: 600; color: var(--tw-prose-bold); margin-top: 0px; margin-bottom: 0px;\">Wprowad\u017a wymiary<\/strong>: Wprowad\u017a odpowiednie wymiary (d\u0142ugo\u015b\u0107, szeroko\u015b\u0107, wysoko\u015b\u0107 lub \u015brednic\u0119) dla wybranego kszta\u0142tu.<\/li><li style=\"border: 0px solid #e3e3e3; box-sizing: border-box; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; scrollbar-color: var(--main-surface-tertiary) transparent; margin-bottom: 0.5em; margin-top: 0.5em; padding-left: 0.375em;\"><strong style=\"border: 0px solid #e3e3e3; box-sizing: border-box; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(69,89,164,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; scrollbar-color: var(--main-surface-tertiary) transparent; font-weight: 600; color: var(--tw-prose-bold); margin-top: 0px; margin-bottom: 0px;\">Zdob\u0105d\u017a wag\u0119<\/strong>:Natychmiast oblicz wag\u0119 swojego kawa\u0142ka metalu w kilogramach (kg)<\/li><\/ol><p>Zoptymalizuj procesy obr\u00f3bki metali za pomoc\u0105 kalkulatora wagi metalu HARSLE i uzyskaj precyzyjne szacunki materia\u0142\u00f3w dla swoich projekt\u00f3w.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"wd-negative-gap elementor-element elementor-element-2c69dc0 e-flex e-con-boxed e-con e-parent\" data-id=\"2c69dc0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6bf233 elementor-widget elementor-widget-html\" data-id=\"a6bf233\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        .calculator-container {\r\n            max-width: 600px;\r\n            margin: 20px auto;\r\n            padding: 20px;\r\n            background: #ffffff;\r\n            border-radius: 10px;\r\n            box-shadow: \r\n                0 0 10px rgba(0,0,0,0.1),\r\n                0 20px 25px -5px rgba(0,0,0,0.1),\r\n                0 10px 10px -5px rgba(0,0,0,0.04);\r\n            border: 1px solid #e5e7eb;\r\n        }\r\n        \r\n        h2 {\r\n            text-align: center;\r\n            font-size: 24px;\r\n            margin-bottom: 30px;\r\n        }\r\n        \r\n        .input-group {\r\n            margin-bottom: 15px;\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            align-items: center;\r\n        }\r\n        \r\n        .input-group label {\r\n            width: 120px;\r\n            margin-right: 10px;\r\n        }\r\n        \r\n        .input-wrapper {\r\n            flex: 1;\r\n            min-width: 200px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n        \r\n        select, input {\r\n            padding: 8px;\r\n            border: 1px solid #ccc;\r\n            border-radius: 4px;\r\n            width: 100%;\r\n        }\r\n\r\n        .unit-label {\r\n            min-width: 30px;\r\n            color: #666;\r\n        }\r\n        \r\n        .calculator-container .calculate-btn,\r\n        .calculator-container .calculate-btn:hover,\r\n        .calculator-container .calculate-btn:active,\r\n        .calculator-container .calculate-btn:focus {\r\n            background-color: #0066cc !important;\r\n            color: white !important;\r\n            padding: 10px 20px !important;\r\n            border: none !important;\r\n            border-radius: 4px !important;\r\n            cursor: pointer !important;\r\n            width: 100% !important;\r\n            margin: 20px 0 !important;\r\n            text-transform: uppercase !important;\r\n            box-shadow: none !important;\r\n            text-decoration: none !important;\r\n            opacity: 1 !important;\r\n            transform: none !important;\r\n            transition: none !important;\r\n        }\r\n        \r\n        .result-container {\r\n            background-color: #f8f9fa;\r\n            padding: 20px;\r\n            border-radius: 4px;\r\n            border: 1px solid #dee2e6;\r\n            box-shadow: inset 0 2px 4px rgba(0,0,0,0.05);\r\n        }\r\n        \r\n        .result-title {\r\n            font-weight: bold;\r\n            margin-bottom: 10px;\r\n        }\r\n        \r\n        .weight-result {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            .input-group label {\r\n                width: 100%;\r\n                margin-bottom: 5px;\r\n            }\r\n            \r\n            .input-wrapper {\r\n                width: 100%;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"calculator-container\">\r\n        <h2>Kalkulator wagi metalu<\/h2>\r\n        \r\n        <div class=\"input-group\">\r\n            <label for=\"material\">Tworzywo:<\/label>\r\n            <div class=\"input-wrapper\">\r\n                <select id=\"material\">\r\n                    <option value=\"7850\">Stal mi\u0119kka<\/option>\r\n                    <option value=\"2700\">Aluminium<\/option>\r\n                    <option value=\"8960\">Mied\u017a<\/option>\r\n                    <option value=\"7900\">Stal nierdzewna<\/option>\r\n                    <option value=\"4430\">Tytan<\/option>\r\n                    <option value=\"8400\">Mosi\u0105dz<\/option>\r\n                    <option value=\"8800\">Br\u0105zowy<\/option>\r\n                    <option value=\"11340\">O\u0142\u00f3w<\/option>\r\n                    <option value=\"7140\">Cynk<\/option>\r\n                    <option value=\"8900\">Nikiel<\/option>\r\n                    <option value=\"10490\">Srebrny<\/option>\r\n                    <option value=\"19320\">Z\u0142oto<\/option>\r\n                    <option value=\"21450\">Platyna<\/option>\r\n                <\/select>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"input-group\">\r\n            <label for=\"unit\">Jednostka:<\/label>\r\n            <div class=\"input-wrapper\">\r\n                <select id=\"unit\">\r\n                    <option value=\"mm\">mm<\/option>\r\n                    <option value=\"inch\">cal<\/option>\r\n                    <option value=\"feet\">stopy<\/option>\r\n                    <option value=\"cm\">cm<\/option>\r\n                    <option value=\"m\">M<\/option>\r\n                <\/select>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"input-group\">\r\n            <label for=\"shape\">Kszta\u0142t:<\/label>\r\n            <div class=\"input-wrapper\">\r\n                <select id=\"shape\">\r\n                    <option value=\"sheet\">Arkusz<\/option>\r\n                    <option value=\"bar\">Bar<\/option>\r\n                    <option value=\"sphere\">Kula<\/option>\r\n                    <option value=\"pipe\">Rura<\/option>\r\n                    <option value=\"cone\">Sto\u017cek<\/option>\r\n                <\/select>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div id=\"dimensions\"><\/div>\r\n        \r\n        <button class=\"calculate-btn\" onclick=\"calculate()\">Oblicza\u0107<\/button>\r\n        \r\n        <div class=\"result-container\">\r\n            <div class=\"result-title\">Wynik<\/div>\r\n            <div class=\"weight-result\">\r\n                <span>Waga:<\/span>\r\n                <span id=\"result\">0 kg<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        function updateDimensions() {\r\n            const shape = document.getElementById('shape').value;\r\n            const unit = document.getElementById('unit').value;\r\n            const dimensionsDiv = document.getElementById('dimensions');\r\n            let html = '';\r\n            \r\n            switch(shape) {\r\n                case 'sheet':\r\n                    html = `\r\n                        <div class=\"input-group\">\r\n                            <label>Length:<\/label>\r\n                            <div class=\"input-wrapper\">\r\n                                <input type=\"number\" id=\"length\">\r\n                                <span class=\"unit-label\">${unit}<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"input-group\">\r\n                            <label>Width:<\/label>\r\n                            <div class=\"input-wrapper\">\r\n                                <input type=\"number\" id=\"width\">\r\n                                <span class=\"unit-label\">${unit}<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"input-group\">\r\n                            <label>Height:<\/label>\r\n                            <div class=\"input-wrapper\">\r\n                                <input type=\"number\" id=\"height\">\r\n                                <span class=\"unit-label\">${unit}<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    `;\r\n                    break;\r\n                case 'bar':\r\n                    html = `\r\n                        <div class=\"input-group\">\r\n                            <label>Radius:<\/label>\r\n                            <div class=\"input-wrapper\">\r\n                                <input type=\"number\" id=\"radius\">\r\n                                <span class=\"unit-label\">${unit}<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"input-group\">\r\n                            <label>Height:<\/label>\r\n                            <div class=\"input-wrapper\">\r\n                                <input type=\"number\" id=\"height\">\r\n                                <span class=\"unit-label\">${unit}<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    `;\r\n                    break;\r\n                case 'sphere':\r\n                    html = `\r\n                        <div class=\"input-group\">\r\n                            <label>Radius:<\/label>\r\n                            <div class=\"input-wrapper\">\r\n                                <input type=\"number\" id=\"radius\">\r\n                                <span class=\"unit-label\">${unit}<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    `;\r\n                    break;\r\n                case 'pipe':\r\n                    html = `\r\n                        <div class=\"input-group\">\r\n                            <label>Outer Radius:<\/label>\r\n                            <div class=\"input-wrapper\">\r\n                                <input type=\"number\" id=\"outerRadius\">\r\n                                <span class=\"unit-label\">${unit}<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"input-group\">\r\n                            <label>Inner Radius:<\/label>\r\n                            <div class=\"input-wrapper\">\r\n                                <input type=\"number\" id=\"innerRadius\">\r\n                                <span class=\"unit-label\">${unit}<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"input-group\">\r\n                            <label>Height:<\/label>\r\n                            <div class=\"input-wrapper\">\r\n                                <input type=\"number\" id=\"height\">\r\n                                <span class=\"unit-label\">${unit}<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    `;\r\n                    break;\r\n                case 'cone':\r\n                    html = `\r\n                        <div class=\"input-group\">\r\n                            <label>Radius:<\/label>\r\n                            <div class=\"input-wrapper\">\r\n                                <input type=\"number\" id=\"radius\">\r\n                                <span class=\"unit-label\">${unit}<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"input-group\">\r\n                            <label>Height:<\/label>\r\n                            <div class=\"input-wrapper\">\r\n                                <input type=\"number\" id=\"height\">\r\n                                <span class=\"unit-label\">${unit}<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    `;\r\n                    break;\r\n            }\r\n            dimensionsDiv.innerHTML = html;\r\n        }\r\n\r\n        function getConversionFactor(unit) {\r\n            switch(unit) {\r\n                case 'mm': return 0.001;\r\n                case 'inch': return 0.0254;\r\n                case 'feet': return 0.3048;\r\n                case 'cm': return 0.01;\r\n                case 'm': return 1;\r\n                default: return 1;\r\n            }\r\n        }\r\n\r\n        function calculate() {\r\n            const shape = document.getElementById('shape').value;\r\n            const density = parseFloat(document.getElementById('material').value);\r\n            const conversionFactor = getConversionFactor(document.getElementById('unit').value);\r\n            let volume = 0;\r\n\r\n            switch(shape) {\r\n                case 'sheet':\r\n                    const length = parseFloat(document.getElementById('length').value) * conversionFactor;\r\n                    const width = parseFloat(document.getElementById('width').value) * conversionFactor;\r\n                    const height = parseFloat(document.getElementById('height').value) * conversionFactor;\r\n                    volume = length * width * height;\r\n                    break;\r\n                case 'bar':\r\n                    const barRadius = parseFloat(document.getElementById('radius').value) * conversionFactor;\r\n                    const barHeight = parseFloat(document.getElementById('height').value) * conversionFactor;\r\n                    volume = Math.PI * barRadius * barRadius * barHeight;\r\n                    break;\r\n                case 'sphere':\r\n                    const sphereRadius = parseFloat(document.getElementById('radius').value) * conversionFactor;\r\n                    volume = (4\/3) * Math.PI * Math.pow(sphereRadius, 3);\r\n                    break;\r\n                case 'pipe':\r\n                    const outerRadius = parseFloat(document.getElementById('outerRadius').value) * conversionFactor;\r\n                    const innerRadius = parseFloat(document.getElementById('innerRadius').value) * conversionFactor;\r\n                    const pipeHeight = parseFloat(document.getElementById('height').value) * conversionFactor;\r\n                    volume = Math.PI * (Math.pow(outerRadius, 2) - Math.pow(innerRadius, 2)) * pipeHeight;\r\n                    break;\r\n                case 'cone':\r\n                    const coneRadius = parseFloat(document.getElementById('radius').value) * conversionFactor;\r\n                    const coneHeight = parseFloat(document.getElementById('height').value) * conversionFactor;\r\n                    volume = (1\/3) * Math.PI * Math.pow(coneRadius, 2) * coneHeight;\r\n                    break;\r\n            }\r\n\r\n            const weight = volume * density;\r\n            document.getElementById('result').textContent = `${weight.toFixed(2)} kg`;\r\n        }\r\n\r\n        \/\/ Initialize the dimensions form and attach event listeners\r\n        document.getElementById('shape').addEventListener('change', updateDimensions);\r\n        document.getElementById('unit').addEventListener('change', updateDimensions);\r\n        updateDimensions();\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Kalkulator masy metalu HARSLE to niezb\u0119dne narz\u0119dzie do szybkiego i dok\u0142adnego okre\u015blania masy r\u00f3\u017cnych materia\u0142\u00f3w metalowych<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-55490","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.harsle.com\/pl\/wp-json\/wp\/v2\/pages\/55490","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.harsle.com\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.harsle.com\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.harsle.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.harsle.com\/pl\/wp-json\/wp\/v2\/comments?post=55490"}],"version-history":[{"count":0,"href":"https:\/\/www.harsle.com\/pl\/wp-json\/wp\/v2\/pages\/55490\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.harsle.com\/pl\/wp-json\/wp\/v2\/media?parent=55490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}