\u062d\u0627\u0633\u0628\u0629 \u0643\u0641\u0627\u0621\u0629 \u062e\u062a\u0645 \u0627\u0644\u0644\u0641\u0627\u0626\u0641<\/title>\n <style>\n :root {\n --primary-color: #2196F3;\n --text-color: #333;\n --border-color: #ddd;\n --result-bg: #f5f5f5;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n \/* Basic styles for elements within the calculator container *\/\n .csc-calculator-container * {\n box-sizing: border-box;\n }\n\n .csc-calculator-container {\n display: flex;\n flex-direction: column;\n gap: 30px; \/* Keep gap for spacing between sections *\/\n margin-top: 20px;\n width: 100%; \/* Ensure it takes full width of its parent *\/\n padding: 0 20px; \/* Add horizontal padding if needed, or let parent handle *\/\n max-width: none; \/* Prevent the calculator itself from limiting width *\/\n margin: 0 auto; \/* Center the container if parent allows *\/\n }\n\n .csc-section {\n background: white;\n padding: 20px;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n }\n\n h2 {\n color: var(--text-color);\n margin-bottom: 20px;\n font-size: 1.5rem;\n }\n\n .parameter-list {\n list-style: none;\n }\n\n .parameter-list li {\n margin-bottom: 15px;\n }\n\n .parameter-list strong {\n color: var(--primary-color);\n }\n\n .csc-parameter-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n }\n\n .csc-parameter-card {\n background: #f9f9f9; \/* Lighter background for cards *\/\n padding: 15px;\n border-radius: 8px;\n border: 1px solid var(--border-color); \/* Optional border *\/\n }\n\n .csc-parameter-card h3 {\n margin-top: 0;\n margin-bottom: 5px;\n font-size: 1.1rem;\n color: var(--text-color); \/* Match text color *\/\n }\n\n .csc-parameter-card p {\n font-size: 0.95rem;\n line-height: 1.4;\n color: #555;\n }\n\n .csc-calculator-form {\n display: grid;\n gap: 20px;\n grid-template-columns: 1fr;\n }\n\n @media (min-width: 600px) {\n .csc-calculator-form {\n grid-template-columns: 1fr 1fr;\n }\n }\n\n .csc-input-group {\n display: grid;\n gap: 5px;\n }\n\n label {\n font-weight: 500;\n }\n\n input {\n padding: 8px;\n border: 1px solid var(--border-color);\n border-radius: 4px;\n font-size: 1rem;\n }\n\n .csc-unit {\n color: #666;\n font-size: 0.9rem;\n }\n\n button {\n background: var(--primary-color);\n color: white;\n border: none;\n padding: 12px 24px;\n border-radius: 4px;\n cursor: pointer;\n font-size: 1rem;\n transition: background 0.3s;\n width: 25%; \/* Set button width *\/\n }\n\n button:hover {\n background: #1976D2;\n }\n\n .csc-button-container {\n text-align: center;\n \/* Ensure button spans across all grid columns *\/\n grid-column: 1 \/ -1;\n }\n\n .csc-result-section {\n display: none;\n margin-top: 20px;\n padding: 20px;\n background: var(--result-bg);\n border-radius: 4px;\n }\n\n .csc-result-section.show {\n display: block;\n }\n\n .csc-result-value {\n font-size: 1.5rem;\n font-weight: bold;\n color: var(--primary-color);\n margin-top: 10px;\n }\n\n .diagram {\n width: 100%;\n max-width: 400px;\n margin: 20px auto;\n }\n\n .diagram svg {\n width: 100%;\n height: auto;\n }\n\n .result-details {\n margin-top: 15px;\n padding-top: 15px;\n border-top: 1px solid var(--border-color);\n }\n\n .result-item {\n display: flex;\n justify-content: space-between;\n margin-bottom: 10px;\n padding: 8px;\n background: white;\n border-radius: 4px;\n }\n\n .result-label {\n font-weight: 500;\n }\n\n .result-number {\n color: var(--primary-color);\n font-weight: bold;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"csc-calculator-container\" id=\"csc-calculatorContainer\">\n \n <div class=\"csc-section\">\n <h2>\u0648\u0635\u0641 \u0627\u0644\u0645\u0639\u0644\u0645\u0629<\/h2>\n <div class=\"csc-parameter-cards\">\n <div class=\"csc-parameter-card\">\n <h3>\u0627\u0644\u0642\u0637\u0631 \u0627\u0644\u062f\u0627\u062e\u0644\u064a:<\/h3>\n <p>\u0627\u0644\u0642\u0637\u0631 \u0627\u0644\u062f\u0627\u062e\u0644\u064a \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0645\u0644\u0641.<\/p>\n <\/div>\n <div class=\"csc-parameter-card\">\n <h3>\u0627\u0644\u0642\u0637\u0631 \u0627\u0644\u062e\u0627\u0631\u062c\u064a:<\/h3>\n <p>\u0627\u0644\u0642\u0637\u0631 \u0627\u0644\u062e\u0627\u0631\u062c\u064a \u0644\u0645\u0627\u062f\u0629 \u0627\u0644\u0645\u0644\u0641.<\/p>\n <\/div>\n <div class=\"csc-parameter-card\">\n <h3>\u0645\u0633\u0627\u0641\u0629 \u0627\u0644\u062a\u063a\u0630\u064a\u0629:<\/h3>\n <p>\u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0648\u0645\u0629.<\/p>\n <\/div>\n <div class=\"csc-parameter-card\">\n <h3>\u0633\u0645\u0643 \u0627\u0644\u0645\u0644\u0641:<\/h3>\n <p>\u0633\u0645\u0643 \u0645\u0627\u062f\u0629 \u0627\u0644\u0645\u0644\u0641.<\/p>\n <\/div>\n <div class=\"csc-parameter-card\">\n <h3>\u0639\u0631\u0636 \u0627\u0644\u0645\u0644\u0641:<\/h3>\n <p>\u0639\u0631\u0636 \u0645\u0627\u062f\u0629 \u0627\u0644\u0645\u0644\u0641.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"csc-section\">\n <h2>\u0627\u0644\u0622\u0644\u0629 \u0627\u0644\u062d\u0627\u0633\u0628\u0629<\/h2>\n <form class=\"csc-calculator-form\" id=\"csc-calculatorForm\" action=\"\">\n <div class=\"csc-input-group\">\n <label for=\"csc-innerDiameter\">\u0627\u0644\u0642\u0637\u0631 \u0627\u0644\u062f\u0627\u062e\u0644\u064a (<span class=\"csc-unit\">\u0645\u0645<\/span>)<\/label>\n <input type=\"number\" id=\"csc-innerDiameter\" step=\"0.01\" required>\n <\/div>\n\n <div class=\"csc-input-group\">\n <label for=\"csc-outerDiameter\">\u0627\u0644\u0642\u0637\u0631 \u0627\u0644\u062e\u0627\u0631\u062c\u064a (<span class=\"csc-unit\">\u0645\u0645<\/span>)<\/label>\n <input type=\"number\" id=\"csc-outerDiameter\" step=\"0.01\" required>\n <\/div>\n\n <div class=\"csc-input-group\">\n <label for=\"csc-feedDistance\">\u0645\u0633\u0627\u0641\u0629 \u0627\u0644\u062a\u063a\u0630\u064a\u0629 (<span class=\"csc-unit\">\u0645\u0645<\/span>)<\/label>\n <input type=\"number\" id=\"csc-feedDistance\" step=\"0.01\" required>\n <\/div>\n\n <div class=\"csc-input-group\">\n <label for=\"csc-coilThickness\">\u0633\u0645\u0643 \u0627\u0644\u0645\u0644\u0641 (<span class=\"csc-unit\">\u0645\u0645<\/span>)<\/label>\n <input type=\"number\" id=\"csc-coilThickness\" step=\"0.01\" required>\n <\/div>\n\n <div class=\"csc-input-group\">\n <label for=\"csc-coilWidth\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0644\u0641 (<span class=\"csc-unit\">\u0645\u0645<\/span>)<\/label>\n <input type=\"number\" id=\"csc-coilWidth\" step=\"0.01\" required>\n <\/div>\n\n <div class=\"csc-button-container\">\n <button type=\"submit\">\u0627\u062d\u0633\u0628<\/button>\n <\/div>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"ar\"\/><\/form>\n\n <div class=\"csc-result-section\" id=\"csc-resultSection\">\n <h3>\u0646\u062a\u064a\u062c\u0629 \u0627\u0644\u062d\u0633\u0627\u0628<\/h3>\n <div class=\"csc-result-value\" id=\"csc-resultValue\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n document.getElementById('csc-calculatorForm').addEventListener('submit', function(e) {\n e.preventDefault();\n \n \/\/ Get input values\n const innerDiameter = parseFloat(document.getElementById('csc-innerDiameter').value);\n const outerDiameter = parseFloat(document.getElementById('csc-outerDiameter').value);\n const feedDistance = parseFloat(document.getElementById('csc-feedDistance').value);\n const coilThickness = parseFloat(document.getElementById('csc-coilThickness').value);\n const coilWidth = parseFloat(document.getElementById('csc-coilWidth').value);\n\n \/\/ Calculate coil volume\n const coilVolume = Math.PI * (Math.pow(outerDiameter\/2, 2) - Math.pow(innerDiameter\/2, 2)) * coilWidth;\n \n \/\/ Calculate number of products\n const coilLength = coilVolume \/ (coilThickness * coilWidth);\n const numberOfProducts = Math.floor(coilLength \/ feedDistance);\n\n \/\/ Display results\n const resultSection = document.getElementById('csc-resultSection');\n const resultValue = document.getElementById('csc-resultValue');\n \n \/\/ Format numbers with commas for thousands\n const formatNumber = (num) => {\n return num.toLocaleString('en-US', {\n maximumFractionDigits: 2,\n minimumFractionDigits: 0\n });\n };\n\n resultValue.textContent = `Number of Products: ${formatNumber(numberOfProducts)} Pcs`;\n \n resultSection.classList.add('show');\n });\n <\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>\u0627\u0643\u062a\u0634\u0641 \u062f\u0642\u0629 \u0648\u0643\u0641\u0627\u0621\u0629 \u062d\u0627\u0633\u0628\u0629 \u0635\u0644\u0627\u0628\u0629 \u0627\u0644\u0646\u0627\u0628\u0636\u060c \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u062d\u0633\u064a\u0646 \u0645\u0634\u0627\u0631\u064a\u0639\u0643 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629. \u062a\u0648\u0641\u0631 \u0647\u0630\u0647 \u0627\u0644\u0623\u062f\u0627\u0629 \u062d\u0633\u0627\u0628\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u0644\u0635\u0644\u0627\u0628\u0629 \u0627\u0644\u0646\u0627\u0628\u0636\u060c \u0645\u0645\u0627 \u064a\u0639\u0632\u0632...<\/p>","protected":false},"author":2,"featured_media":15951,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"pmpro_default_level":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[3435],"tags":[3421,2234,3689],"class_list":["post-15949","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-punching-force-calculator","tag-engineering-tool","tag-mechanical-design","tag-spring-stiffness","pmpro-has-access"],"acf":[],"jetpack_featured_media_url":"https:\/\/www.mechstream.com\/wp-content\/uploads\/2025\/05\/Coil-Stamping-Efficiency-Calculator.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/posts\/15949","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/comments?post=15949"}],"version-history":[{"count":0,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/posts\/15949\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/media\/15951"}],"wp:attachment":[{"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/media?parent=15949"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/categories?post=15949"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/tags?post=15949"}],"curies":[{"name":"\u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\u0627\u0643\u062a\u0634\u0641 \u062f\u0642\u0629 \u0648\u0643\u0641\u0627\u0621\u0629 \u062d\u0627\u0633\u0628\u0629 \u0635\u0644\u0627\u0628\u0629 \u0627\u0644\u0646\u0627\u0628\u0636\u060c \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u062d\u0633\u064a\u0646 \u0645\u0634\u0627\u0631\u064a\u0639\u0643 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629. \u062a\u0648\u0641\u0631 \u0647\u0630\u0647 \u0627\u0644\u0623\u062f\u0627\u0629 \u062d\u0633\u0627\u0628\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u0644\u0635\u0644\u0627\u0628\u0629 \u0627\u0644\u0646\u0627\u0628\u0636\u060c \u0645\u0645\u0627 \u064a\u0639\u0632\u0632 \u0645\u0648\u062b\u0648\u0642\u064a\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u0623\u062f\u0627\u0626\u0647. \u0645\u062b\u0627\u0644\u064a\u0629 \u0644\u0644\u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0648\u0627\u0644\u0645\u0635\u0645\u0645\u064a\u0646 \u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u064a\u0646\u060c \u0641\u0647\u064a \u062a\u064f\u0628\u0633\u0637 \u0627\u0644\u062d\u0633\u0627\u0628\u0627\u062a \u0627\u0644\u0645\u0639\u0642\u062f\u0629\u060c \u0648\u062a\u0648\u0641\u0631 \u0644\u0643 \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u062c\u0647\u062f. \u0627\u0633\u062a\u062e\u062f\u0645 \u0647\u0630\u0647 \u0627\u0644\u0623\u062f\u0627\u0629 \u0644\u0636\u0645\u0627\u0646 \u0645\u0637\u0627\u0628\u0642\u0629 \u0646\u0627\u0628\u0636\u0643 \u0644\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0648\u0623\u062f\u0627\u0626\u0647 \u0627\u0644\u0645\u062b\u0627\u0644\u064a \u0641\u064a \u0623\u064a \u062a\u0637\u0628\u064a\u0642. \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u062a\u0639\u0645\u0644 \u0641\u064a \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0623\u0648 \u0627\u0644\u0641\u0636\u0627\u0621 \u0623\u0648 \u0627\u0644\u0635\u0646\u0627\u0639\u0629\u060c \u0641\u0625\u0646 \u062d\u0627\u0633\u0628\u062a\u0646\u0627 \u0645\u0648\u0631\u062f \u0623\u0633\u0627\u0633\u064a \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0641\u0636\u0644 \u0627\u0644\u0646\u062a\u0627\u0626\u062c. \u062c\u0631\u0651\u0628 \u0641\u0648\u0627\u0626\u062f \u0627\u0644\u062d\u0633\u0627\u0628\u0627\u062a \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0644\u0635\u0644\u0627\u0628\u0629 \u0627\u0644\u0646\u0627\u0628\u0636 \u0627\u0644\u064a\u0648\u0645.<\/p>\n\n\n