{"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\/fr\/metal-weight-calculator\/","title":{"rendered":"Calculateur de poids de m\u00e9tal"},"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 loading=\"lazy\" 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=\"auto, (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>Le calculateur de poids de m\u00e9taux HARSLE est un outil essentiel pour d\u00e9terminer rapidement et pr\u00e9cis\u00e9ment le poids de divers mat\u00e9riaux m\u00e9talliques de diff\u00e9rentes formes. Que vous travailliez avec des t\u00f4les, des plaques, des barres ou des formes personnalis\u00e9es, ce calculateur simplifie le processus en fournissant des calculs de poids pr\u00e9cis bas\u00e9s sur vos donn\u00e9es sp\u00e9cifiques.<\/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);\">Comment \u00e7a marche<\/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;\">S\u00e9lectionnez le type de m\u00e9tal<\/strong>: Choisissez parmi une gamme de mat\u00e9riaux (par exemple, acier, aluminium, cuivre, laiton).<\/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;\">Choisissez le type de forme<\/strong>: S\u00e9lectionnez la forme de la pi\u00e8ce m\u00e9tallique (par exemple, t\u00f4le, plaque, barre, tuyau).<\/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;\">Entrez les dimensions<\/strong>: Saisissez les dimensions pertinentes (longueur, largeur, hauteur ou diam\u00e8tre) pour la forme s\u00e9lectionn\u00e9e.<\/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;\">Prendre du poids<\/strong>:Calculez instantan\u00e9ment le poids de votre pi\u00e8ce m\u00e9tallique en kilogrammes (kg)<\/li><\/ol><p>Optimisez vos processus de travail des m\u00e9taux avec le calculateur de poids de m\u00e9tal HARSLE et assurez des estimations de mat\u00e9riaux pr\u00e9cises pour vos projets.<\/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>Calculateur de poids de m\u00e9tal<\/h2>\r\n        \r\n        <div class=\"input-group\">\r\n            <label for=\"material\">Mat\u00e9riel:<\/label>\r\n            <div class=\"input-wrapper\">\r\n                <select id=\"material\">\r\n                    <option value=\"7850\">Acier doux<\/option>\r\n                    <option value=\"2700\">Aluminium<\/option>\r\n                    <option value=\"8960\">Cuivre<\/option>\r\n                    <option value=\"7900\">Acier inoxydable<\/option>\r\n                    <option value=\"4430\">Titane<\/option>\r\n                    <option value=\"8400\">Laiton<\/option>\r\n                    <option value=\"8800\">Bronze<\/option>\r\n                    <option value=\"11340\">Plomb<\/option>\r\n                    <option value=\"7140\">Zinc<\/option>\r\n                    <option value=\"8900\">Nickel<\/option>\r\n                    <option value=\"10490\">Argent<\/option>\r\n                    <option value=\"19320\">Or<\/option>\r\n                    <option value=\"21450\">Platine<\/option>\r\n                <\/select>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"input-group\">\r\n            <label for=\"unit\">Unit\u00e9:<\/label>\r\n            <div class=\"input-wrapper\">\r\n                <select id=\"unit\">\r\n                    <option value=\"mm\">mm<\/option>\r\n                    <option value=\"inch\">pouce<\/option>\r\n                    <option value=\"feet\">pieds<\/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\">Forme:<\/label>\r\n            <div class=\"input-wrapper\">\r\n                <select id=\"shape\">\r\n                    <option value=\"sheet\">Feuille<\/option>\r\n                    <option value=\"bar\">Bar<\/option>\r\n                    <option value=\"sphere\">Sph\u00e8re<\/option>\r\n                    <option value=\"pipe\">Tuyau<\/option>\r\n                    <option value=\"cone\">C\u00f4ne<\/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()\">Calculer<\/button>\r\n        \r\n        <div class=\"result-container\">\r\n            <div class=\"result-title\">R\u00e9sultat<\/div>\r\n            <div class=\"weight-result\">\r\n                <span>Poids:<\/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>Le calculateur de poids de m\u00e9tal HARSLE est un outil essentiel pour d\u00e9terminer rapidement et avec pr\u00e9cision le poids de divers mat\u00e9riaux m\u00e9talliques<\/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\/fr\/wp-json\/wp\/v2\/pages\/55490","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.harsle.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.harsle.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.harsle.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.harsle.com\/fr\/wp-json\/wp\/v2\/comments?post=55490"}],"version-history":[{"count":0,"href":"https:\/\/www.harsle.com\/fr\/wp-json\/wp\/v2\/pages\/55490\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.harsle.com\/fr\/wp-json\/wp\/v2\/media?parent=55490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}