{"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\/ar\/metal-weight-calculator\/","title":{"rendered":"\u062d\u0627\u0633\u0628\u0629 \u0648\u0632\u0646 \u0627\u0644\u0645\u0639\u062f\u0646"},"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>\u062d\u0627\u0633\u0628\u0629 HARSLE \u0644\u0648\u0632\u0646 \u0627\u0644\u0645\u0639\u0627\u062f\u0646 \u0623\u062f\u0627\u0629 \u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u062a\u062d\u062f\u064a\u062f \u0648\u0632\u0646 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0645\u0639\u062f\u0646\u064a\u0629 \u0628\u0623\u0634\u0643\u0627\u0644\u0647\u0627 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0628\u0633\u0631\u0639\u0629 \u0648\u062f\u0642\u0629. \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u0639\u0645\u0644 \u0639\u0644\u0649 \u0635\u0641\u0627\u0626\u062d \u0623\u0648 \u0623\u0644\u0648\u0627\u062d \u0623\u0648 \u0642\u0636\u0628\u0627\u0646 \u0623\u0648 \u0623\u0634\u0643\u0627\u0644 \u0645\u062e\u0635\u0635\u0629\u060c \u062a\u064f\u0628\u0633\u0637 \u0647\u0630\u0647 \u0627\u0644\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0629\u060c \u0648\u062a\u0648\u0641\u0631 \u062d\u0633\u0627\u0628\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u0644\u0644\u0648\u0632\u0646 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0627\u0644\u062e\u0627\u0635\u0629.<\/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);\">\u0643\u064a\u0641 \u064a\u0639\u0645\u0644<\/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;\">\u062d\u062f\u062f \u0646\u0648\u0639 \u0627\u0644\u0645\u0639\u062f\u0646<\/strong>:\u0627\u062e\u062a\u0631 \u0645\u0646 \u0628\u064a\u0646 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0645\u0648\u0627\u062f (\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c \u0627\u0644\u0641\u0648\u0644\u0627\u0630 \u0648\u0627\u0644\u0623\u0644\u0648\u0645\u0646\u064a\u0648\u0645 \u0648\u0627\u0644\u0646\u062d\u0627\u0633 \u0648\u0627\u0644\u0646\u062d\u0627\u0633 \u0627\u0644\u0623\u0635\u0641\u0631).<\/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;\">\u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u0634\u0643\u0644<\/strong>:\u062d\u062f\u062f \u0634\u0643\u0644 \u0627\u0644\u0642\u0637\u0639\u0629 \u0627\u0644\u0645\u0639\u062f\u0646\u064a\u0629 (\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c \u0635\u0641\u064a\u062d\u0629\u060c \u0644\u0648\u062d\u060c \u0642\u0636\u064a\u0628\u060c \u0623\u0646\u0628\u0648\u0628).<\/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;\">\u0623\u062f\u062e\u0644 \u0627\u0644\u0623\u0628\u0639\u0627\u062f<\/strong>:\u0623\u062f\u062e\u0644 \u0627\u0644\u0623\u0628\u0639\u0627\u062f \u0630\u0627\u062a \u0627\u0644\u0635\u0644\u0629 (\u0627\u0644\u0637\u0648\u0644 \u0623\u0648 \u0627\u0644\u0639\u0631\u0636 \u0623\u0648 \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 \u0623\u0648 \u0627\u0644\u0642\u0637\u0631) \u0644\u0644\u0634\u0643\u0644 \u0627\u0644\u0645\u062d\u062f\u062f.<\/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;\">\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0648\u0632\u0646<\/strong>:\u0627\u062d\u0633\u0628 \u0639\u0644\u0649 \u0627\u0644\u0641\u0648\u0631 \u0648\u0632\u0646 \u0627\u0644\u0642\u0637\u0639\u0629 \u0627\u0644\u0645\u0639\u062f\u0646\u064a\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643 \u0628\u0627\u0644\u0643\u064a\u0644\u0648\u062c\u0631\u0627\u0645 (\u0643\u062c\u0645)<\/li><\/ol><p>\u0642\u0645 \u0628\u062a\u062d\u0633\u064a\u0646 \u0639\u0645\u0644\u064a\u0627\u062a \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0645\u0639\u0627\u062f\u0646 \u0644\u062f\u064a\u0643 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062d\u0627\u0633\u0628\u0629 \u0648\u0632\u0646 \u0627\u0644\u0645\u0639\u062f\u0646 \u0645\u0646 HARSLE \u0648\u062a\u0623\u0643\u062f \u0645\u0646 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0631\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u0644\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0645\u0634\u0627\u0631\u064a\u0639\u0643.<\/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>\u062d\u0627\u0633\u0628\u0629 \u0648\u0632\u0646 \u0627\u0644\u0645\u0639\u062f\u0646<\/h2>\r\n        \r\n        <div class=\"input-group\">\r\n            <label for=\"material\">\u0645\u0627\u062f\u0629:<\/label>\r\n            <div class=\"input-wrapper\">\r\n                <select id=\"material\">\r\n                    <option value=\"7850\">\u0627\u0644\u0641\u0648\u0644\u0627\u0630 \u0627\u0644\u0645\u0639\u062a\u062f\u0644<\/option>\r\n                    <option value=\"2700\">\u0627\u0644\u0623\u0644\u0648\u0645\u0646\u064a\u0648\u0645<\/option>\r\n                    <option value=\"8960\">\u0646\u062d\u0627\u0633<\/option>\r\n                    <option value=\"7900\">\u0627\u0644\u0641\u0648\u0644\u0627\u0630 \u0627\u0644\u0645\u0642\u0627\u0648\u0645 \u0644\u0644\u0635\u062f\u0623<\/option>\r\n                    <option value=\"4430\">\u0627\u0644\u062a\u064a\u062a\u0627\u0646\u064a\u0648\u0645<\/option>\r\n                    <option value=\"8400\">\u0646\u062d\u0627\u0633<\/option>\r\n                    <option value=\"8800\">\u0628\u0631\u0648\u0646\u0632\u064a<\/option>\r\n                    <option value=\"11340\">\u064a\u0642\u0648\u062f<\/option>\r\n                    <option value=\"7140\">\u0627\u0644\u0632\u0646\u0643<\/option>\r\n                    <option value=\"8900\">\u0627\u0644\u0646\u064a\u0643\u0644<\/option>\r\n                    <option value=\"10490\">\u0641\u0636\u064a<\/option>\r\n                    <option value=\"19320\">\u0630\u0647\u0628<\/option>\r\n                    <option value=\"21450\">\u0627\u0644\u0628\u0644\u0627\u062a\u064a\u0646<\/option>\r\n                <\/select>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"input-group\">\r\n            <label for=\"unit\">\u0648\u062d\u062f\u0629:<\/label>\r\n            <div class=\"input-wrapper\">\r\n                <select id=\"unit\">\r\n                    <option value=\"mm\">\u0645\u0645<\/option>\r\n                    <option value=\"inch\">\u0628\u0648\u0635\u0629<\/option>\r\n                    <option value=\"feet\">\u0642\u062f\u0645<\/option>\r\n                    <option value=\"cm\">\u0633\u0645<\/option>\r\n                    <option value=\"m\">\u0645<\/option>\r\n                <\/select>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"input-group\">\r\n            <label for=\"shape\">\u0634\u0643\u0644:<\/label>\r\n            <div class=\"input-wrapper\">\r\n                <select id=\"shape\">\r\n                    <option value=\"sheet\">\u0645\u0644\u0632\u0645\u0629<\/option>\r\n                    <option value=\"bar\">\u062d\u0627\u062c\u0650\u0632<\/option>\r\n                    <option value=\"sphere\">\u062c\u0633\u0645 \u0643\u0631\u0648\u064a<\/option>\r\n                    <option value=\"pipe\">\u0645\u0627\u0633\u0648\u0631\u0629<\/option>\r\n                    <option value=\"cone\">\u0645\u062e\u0631\u0648\u0637<\/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()\">\u0627\u062d\u0633\u0628<\/button>\r\n        \r\n        <div class=\"result-container\">\r\n            <div class=\"result-title\">\u0646\u062a\u064a\u062c\u0629<\/div>\r\n            <div class=\"weight-result\">\r\n                <span>\u0648\u0632\u0646:<\/span>\r\n                <span id=\"result\">0 \u0643\u062c\u0645<\/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>\u062d\u0627\u0633\u0628\u0629 \u0648\u0632\u0646 \u0627\u0644\u0645\u0639\u0627\u062f\u0646 HARSLE \u0647\u064a \u0623\u062f\u0627\u0629 \u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u062a\u062d\u062f\u064a\u062f \u0648\u0632\u0646 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0645\u0639\u062f\u0646\u064a\u0629 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0628\u0633\u0631\u0639\u0629 \u0648\u062f\u0642\u0629<\/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\/ar\/wp-json\/wp\/v2\/pages\/55490","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.harsle.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.harsle.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.harsle.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.harsle.com\/ar\/wp-json\/wp\/v2\/comments?post=55490"}],"version-history":[{"count":0,"href":"https:\/\/www.harsle.com\/ar\/wp-json\/wp\/v2\/pages\/55490\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.harsle.com\/ar\/wp-json\/wp\/v2\/media?parent=55490"}],"curies":[{"name":"\u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}