\u062d\u0627\u0633\u0628\u0629 \u062a\u0631\u0648\u0633 \u0647\u064a\u0628\u0648\u064a\u062f | \u0623\u062f\u0627\u0629 \u062a\u0635\u0645\u064a\u0645 \u062a\u0631\u0648\u0633 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/title>\n <meta name=\"description\" content=\"\u0627\u062d\u0633\u0628 \u0645\u0639\u0627\u0645\u0644\u0627\u062a \u062a\u0631\u0633 \u0647\u064a\u0628\u0648\u064a\u062f \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062d\u0627\u0633\u0628\u062a\u0646\u0627 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0639\u0628\u0631 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a. \u0623\u062f\u062e\u0644 \u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0645\u062b\u0644 \u0639\u062f\u062f \u0627\u0644\u0623\u0633\u0646\u0627\u0646\u060c \u0648\u0639\u0631\u0636 \u0627\u0644\u0648\u062c\u0647\u060c \u0648\u0627\u0644\u0625\u0632\u0627\u062d\u0629\u060c \u0648\u0627\u0644\u0632\u0648\u0627\u064a\u0627 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0646\u062a\u0627\u0626\u062c \u062f\u0642\u064a\u0642\u0629.\">\n <style>\n :root {\n --primary-color: #2c3e50;\n --secondary-color: #3498db;\n --background-color: #f8f9fa;\n --border-color: #dee2e6;\n --text-color: #333;\n --result-bg: #e8f4f8;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n line-height: 1.6;\n color: var(--text-color);\n background-color: var(--background-color);\n }\n\n .calculator-container {\n max-width: 1200px;\n margin: 2rem auto;\n padding: 0 1rem;\n }\n\n .section {\n background: white;\n border-radius: 8px;\n padding: 2rem;\n margin-bottom: 2rem;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n }\n\n h1, h2, h3 {\n color: black; \/* Title color set to black *\/\n margin-bottom: 1rem;\n font-family: inherit; \/* Font family consistent with the page *\/\n }\n\n .parameters-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1rem;\n margin-bottom: 1rem;\n }\n\n .parameter-item {\n margin-bottom: 0.5rem;\n }\n\n .parameter-item strong {\n color: var(--primary-color);\n }\n\n .diagram-container {\n text-align: center;\n margin: 2rem 0;\n \/* No border for diagram *\/\n }\n\n .diagram-container svg {\n max-width: 100%;\n height: auto;\n }\n\n .calculator-form {\n display: grid;\n grid-template-columns: repeat(2, 1fr); \/* Show 2 columns on larger screens *\/\n gap: 1rem;\n margin-bottom: 1rem;\n }\n\n .input-group {\n margin-bottom: 1rem;\n }\n\n .input-group label {\n display: block;\n margin-bottom: 0.5rem;\n color: var(--primary-color);\n }\n\n .input-group input, .input-group select {\n width: 100%;\n padding: 0.5rem;\n border: 1px solid var(--border-color);\n border-radius: 4px;\n font-size: 1rem;\n }\n\n .calculate-btn {\n background-color: var(--secondary-color);\n color: white;\n padding: 1rem 2rem;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n font-size: 1.1rem;\n transition: background-color 0.3s;\n grid-column: 1 \/ -1; \/* Span across all columns *\/\n width: 25%; \/* Set width to 25% *\/\n margin: 1rem auto; \/* Center the button *\/\n }\n\n .calculate-btn:hover {\n background-color: #2980b9;\n color: white; \/* Ensure text color is white on hover *\/\n }\n\n .results {\n display: none;\n background-color: var(--result-bg);\n padding: 1.5rem;\n border-radius: 4px;\n margin-top: 1rem;\n }\n\n .results h3 {\n color: var(--primary-color); \/* Ensure result title is not black *\/\n }\n\n .result-item {\n margin-bottom: 0.5rem;\n font-size: 1.1rem;\n }\n\n .result-item strong {\n color: var(--primary-color);\n font-weight: bold; \/* Make result labels prominent *\/\n }\n\n .result-value {\n font-weight: bold; \/* Make the calculated values prominent *\/\n color: #e74c3c; \/* Highlight results *\/\n }\n\n @media (max-width: 768px) {\n .calculator-form {\n grid-template-columns: 1fr; \/* Stack columns on small screens *\/\n }\n\n .section {\n padding: 1rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"calculator-container\">\n\n <div class=\"section\">\n <h2>\u062d\u062f\u0648\u062f<\/h2>\n <div class=\"parameters-grid\">\n <div class=\"parameter-item\">\n <strong>\u0639\u062f\u062f \u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u062a\u0631\u0633 (z\u2081):<\/strong> \u0639\u062f\u062f \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u0645\u0648\u062c\u0648\u062f\u0629 \u0641\u064a \u0627\u0644\u062a\u0631\u0633 \u0627\u0644\u0623\u0635\u063a\u0631 (\u0627\u0644\u062a\u0631\u0633 \u0627\u0644\u0635\u063a\u064a\u0631).\n <\/div>\n <div class=\"parameter-item\">\n <strong>\u0639\u062f\u062f \u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u062a\u0631\u0648\u0633 (z\u2082):<\/strong> \u0639\u062f\u062f \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u0645\u0648\u062c\u0648\u062f\u0629 \u0641\u064a \u0627\u0644\u062a\u0631\u0633 \u0627\u0644\u0623\u0643\u0628\u0631.\n <\/div>\n <div class=\"parameter-item\">\n <strong>\u0639\u0631\u0636 \u0648\u062c\u0647 \u0627\u0644\u062a\u0631\u0633 (\u0628):<\/strong> \u0639\u0631\u0636 \u0633\u0637\u062d \u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u062a\u0631\u0648\u0633.\n <\/div>\n <div class=\"parameter-item\">\n <strong>\u0645\u0633\u0627\u0641\u0629 \u0627\u0644\u0625\u0632\u0627\u062d\u0629 (E):<\/strong> \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0627\u0644\u0639\u0645\u0648\u062f\u064a\u0629 \u0628\u064a\u0646 \u0645\u062d\u0627\u0648\u0631 \u0627\u0644\u062a\u0631\u0633 \u0648\u0627\u0644\u062a\u0631\u0633.\n <\/div>\n <div class=\"parameter-item\">\n <strong>\u0632\u0627\u0648\u064a\u0629 \u062d\u0644\u0632\u0648\u0646 \u0627\u0644\u062a\u0631\u0633 (\u03b2\u2081):<\/strong> \u0627\u0644\u0632\u0627\u0648\u064a\u0629 \u0628\u064a\u0646 \u0623\u062b\u0631 \u0627\u0644\u0633\u0646 \u0648\u0639\u0646\u0635\u0631 \u0645\u062e\u0631\u0648\u0637 \u0627\u0644\u062a\u0631\u0633.\n <\/div>\n <div class=\"parameter-item\">\n <strong>\u0639\u0627\u0645\u0644 \u0639\u0645\u0642 \u0627\u0644\u0639\u0645\u0644 (hka*):<\/strong> \u0639\u0627\u0645\u0644 \u064a\u0633\u062a\u062e\u062f\u0645 \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0639\u0645\u0642 \u0639\u0645\u0644 \u0627\u0644\u0623\u0633\u0646\u0627\u0646.\n <\/div>\n <div class=\"parameter-item\">\n <strong>\u0639\u0627\u0645\u0644 \u0627\u0644\u062a\u0646\u0627\u0642\u0635:<\/strong> \u062a\u062a\u0639\u0644\u0642 \u0628\u062a\u0646\u0627\u0642\u0635 \u062d\u062c\u0645 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0639\u0644\u0649 \u0637\u0648\u0644 \u0639\u0631\u0636 \u0627\u0644\u0648\u062c\u0647.\n <\/div>\n <div class=\"parameter-item\">\n <strong>\u0632\u0627\u0648\u064a\u0629 \u0627\u0644\u0636\u063a\u0637 (\u03b1):<\/strong> \u0627\u0644\u0632\u0627\u0648\u064a\u0629 \u0628\u064a\u0646 \u062e\u0637 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0638\u0644 \u0644\u0633\u0637\u062d \u0627\u0644\u0645\u0644\u0639\u0628.\n <\/div>\n <div class=\"parameter-item\">\n <strong>\u0645\u0639\u0627\u0645\u0644 \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u062a\u0631\u0648\u0633 (\u0647\u0643\u062a\u0627\u0631*):<\/strong> \u0645\u0639\u0627\u0645\u0644 \u064a\u0633\u062a\u062e\u062f\u0645 \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0644\u062d\u0642 (\u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639 \u0641\u0648\u0642 \u0633\u0637\u062d \u0627\u0644\u0645\u0644\u0639\u0628) \u0644\u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u062a\u0631\u0648\u0633.\n <\/div>\n <div class=\"parameter-item\">\n <strong>\u0631\u062f \u0641\u0639\u0644 \u0639\u0646\u064a\u0641 (\u062c):<\/strong> \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0628\u064a\u0646 \u0627\u0644\u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u0645\u062a\u0632\u0627\u0648\u062c\u0629.\n <\/div>\n <div class=\"parameter-item\">\n <strong>\u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u062f\u0648\u0631\u0627\u0646:<\/strong> \u0627\u062a\u062c\u0627\u0647 \u062f\u0648\u0631\u0627\u0646 \u0627\u0644\u062a\u0631\u0633 \u0648\u0627\u0644\u062a\u0631\u0633 (\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c \u0627\u0644\u064a\u062f \u0627\u0644\u064a\u0633\u0631\u0649\u060c \u0627\u0644\u064a\u062f \u0627\u0644\u064a\u0645\u0646\u0649).\n <\/div>\n <div class=\"parameter-item\">\n <strong>\u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0625\u0632\u0627\u062d\u0629:<\/strong> \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0625\u0632\u0627\u062d\u0629 (\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c \u0644\u0623\u0639\u0644\u0649\u060c \u0644\u0623\u0633\u0641\u0644).\n <\/div>\n <div class=\"parameter-item\">\n <strong>\u0627\u0644\u062e\u0644\u0648\u0635 \u0627\u0644\u0639\u0644\u0648\u064a (\u062c*):<\/strong> \u0627\u0644\u0645\u0633\u0627\u0641\u0629 \u0627\u0644\u0634\u0639\u0627\u0639\u064a\u0629 \u0628\u064a\u0646 \u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0639\u0644\u0648\u064a \u0645\u0646 \u0627\u0644\u0633\u0646 \u0648\u0627\u0644\u062c\u0632\u0621 \u0627\u0644\u0633\u0641\u0644\u064a \u0645\u0646 \u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0633\u0646 \u0627\u0644\u0645\u062a\u0632\u0627\u0648\u062c\u0629.\n <\/div>\n <div class=\"parameter-item\">\n <strong>\u0646\u0635\u0641 \u0642\u0637\u0631 \u0627\u0644\u0642\u0627\u0637\u0639 (r):<\/strong> \u0646\u0635\u0641 \u0642\u0637\u0631 \u0623\u062f\u0627\u0629 \u0627\u0644\u0642\u0637\u0639 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0629 \u0641\u064a \u062a\u0648\u0644\u064a\u062f \u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u062a\u0631\u0648\u0633.\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"section\">\n <h2>\u0627\u0644\u0622\u0644\u0629 \u0627\u0644\u062d\u0627\u0633\u0628\u0629<\/h2>\n <form id=\"gearCalculator\" class=\"calculator-form\" action=\"\">\n <div class=\"input-group\">\n <label for=\"pinionTeeth\">\u0639\u062f\u062f \u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u062a\u0631\u0633 (z\u2081)<\/label>\n <input type=\"number\" id=\"pinionTeeth\" required>\n <\/div>\n <div class=\"input-group\">\n <label for=\"gearTeeth\">\u0639\u062f\u062f \u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u062a\u0631\u0648\u0633 (z\u2082)<\/label>\n <input type=\"number\" id=\"gearTeeth\" required>\n <\/div>\n <div class=\"input-group\">\n <label for=\"faceWidth\">\u0639\u0631\u0636 \u0648\u062c\u0647 \u0627\u0644\u062a\u0631\u0633 (\u0628) (\u0645\u0645)<\/label>\n <input type=\"number\" id=\"faceWidth\" step=\"0.1\" required>\n <\/div>\n <div class=\"input-group\">\n <label for=\"offsetDistance\">\u0645\u0633\u0627\u0641\u0629 \u0627\u0644\u0625\u0632\u0627\u062d\u0629 (E) (\u0645\u0645)<\/label>\n <input type=\"number\" id=\"offsetDistance\" step=\"0.1\" required>\n <\/div>\n <div class=\"input-group\">\n <label for=\"pinionHelixAngle\">\u0632\u0627\u0648\u064a\u0629 \u062d\u0644\u0632\u0648\u0646 \u0627\u0644\u062a\u0631\u0633 (\u03b2\u2081) (\u062f\u0631\u062c\u0627\u062a)<\/label>\n <input type=\"number\" id=\"pinionHelixAngle\" step=\"0.1\" required>\n <\/div>\n <div class=\"input-group\">\n <label for=\"workingDepthFactor\">\u0639\u0627\u0645\u0644 \u0639\u0645\u0642 \u0627\u0644\u0639\u0645\u0644 (hka*)<\/label>\n <input type=\"number\" id=\"workingDepthFactor\" step=\"0.001\" required>\n <\/div>\n <div class=\"input-group\">\n <label for=\"taperFactor\">\u0639\u0627\u0645\u0644 \u0627\u0644\u062a\u0646\u0627\u0642\u0635<\/label>\n <input type=\"number\" id=\"taperFactor\" step=\"0.000001\" required>\n <\/div>\n <div class=\"input-group\">\n <label for=\"pressureAngle\">\u0632\u0627\u0648\u064a\u0629 \u0627\u0644\u0636\u063a\u0637 (\u03b1) (\u062f\u0631\u062c\u0627\u062a)<\/label>\n <input type=\"number\" id=\"pressureAngle\" step=\"0.1\" required>\n <\/div>\n <div class=\"input-group\">\n <label for=\"gearAddendumCoefficient\">\u0645\u0639\u0627\u0645\u0644 \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u062a\u0631\u0648\u0633 (\u0647\u0643\u062a\u0627\u0631*)<\/label>\n <input type=\"number\" id=\"gearAddendumCoefficient\" step=\"0.001\" required>\n <\/div>\n <div class=\"input-group\">\n <label for=\"backlash\">\u0631\u062f \u0627\u0644\u0641\u0639\u0644 \u0627\u0644\u0639\u0643\u0633\u064a (\u062c) (\u0645\u0645)<\/label>\n <input type=\"text\" id=\"backlash\" required placeholder=\"\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c 0.20-0.30\">\n <\/div>\n <div class=\"input-group\">\n <label for=\"pinionRotationDirection\">\u0627\u062a\u062c\u0627\u0647 \u062f\u0648\u0631\u0627\u0646 \u0627\u0644\u062a\u0631\u0633<\/label>\n <select id=\"pinionRotationDirection\" required>\n <option value=\"left\">\u0627\u0644\u064a\u062f \u0627\u0644\u064a\u0633\u0631\u0649<\/option>\n <option value=\"right\">\u0627\u0644\u064a\u062f \u0627\u0644\u064a\u0645\u0646\u0649<\/option>\n <\/select>\n <\/div>\n <div class=\"input-group\">\n <label for=\"gearRotationDirection\">\u0627\u062a\u062c\u0627\u0647 \u062f\u0648\u0631\u0627\u0646 \u0627\u0644\u062a\u0631\u0633<\/label>\n <select id=\"gearRotationDirection\" required>\n <option value=\"left\">\u0627\u0644\u064a\u062f \u0627\u0644\u064a\u0633\u0631\u0649<\/option>\n <option value=\"right\">\u0627\u0644\u064a\u062f \u0627\u0644\u064a\u0645\u0646\u0649<\/option>\n <\/select>\n <\/div>\n <div class=\"input-group\">\n <label for=\"offsetDirection\">\u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0625\u0632\u0627\u062d\u0629<\/label>\n <select id=\"offsetDirection\" required>\n <option value=\"up\">\u0623\u0639\u0644\u0649<\/option>\n <option value=\"down\">\u062a\u062d\u062a<\/option>\n <\/select>\n <\/div>\n <div class=\"input-group\">\n <label for=\"topClearance\">\u0627\u0644\u062e\u0644\u0648\u0635 \u0627\u0644\u0639\u0644\u0648\u064a (c*) (\u0645\u0645)<\/label>\n <input type=\"number\" id=\"topClearance\" step=\"0.0001\" required>\n <\/div>\n <div class=\"input-group\">\n <label for=\"cutterRadius\">\u0646\u0635\u0641 \u0642\u0637\u0631 \u0627\u0644\u0642\u0627\u0637\u0639 (r) (\u0645\u0645)<\/label>\n <input type=\"number\" id=\"cutterRadius\" step=\"0.00000001\" required>\n <\/div>\n\n <button type=\"submit\" class=\"calculate-btn\">\u0627\u062d\u0633\u0628<\/button>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"ar\"\/><\/form>\n\n <div id=\"results\" class=\"results\">\n <h3>\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u062d\u0633\u0627\u0628<\/h3>\n \n <div class=\"result-item\">\n <strong>\u0639\u062f\u062f \u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u062a\u0631\u0633 (z\u2081):<\/strong> <span id=\"resultPinionTeeth\" class=\"result-value\"><\/span>\n <\/div>\n <div class=\"result-item\">\n <strong>\u0639\u062f\u062f \u0623\u0633\u0646\u0627\u0646 \u0627\u0644\u062a\u0631\u0648\u0633 (z\u2082):<\/strong> <span id=\"resultGearTeeth\" class=\"result-value\"><\/span>\n <\/div>\n <div class=\"result-item\">\n <strong>\u0632\u0627\u0648\u064a\u0629 \u0627\u0644\u0636\u063a\u0637 (\u03b1):<\/strong> <span id=\"resultPressureAngle\" class=\"result-value\"><\/span> \u062f\u0631\u062c\u0627\u062a\n <\/div>\n <div class=\"result-item\">\n <strong>\u0625\u0632\u0627\u062d\u0629 \u0627\u0644\u062a\u0631\u0633 (E):<\/strong> <span id=\"resultPinionOffset\" class=\"result-value\"><\/span> \u0645\u0645\n <\/div>\n <div class=\"result-item\">\n <strong>\u0627\u062a\u062c\u0627\u0647 \u062f\u0648\u0631\u0627\u0646 \u0627\u0644\u062a\u0631\u0633:<\/strong> <span id=\"resultPinionRotation\" class=\"result-value\"><\/span>\n <\/div>\n <div class=\"result-item\">\n <strong>\u0627\u062a\u062c\u0627\u0647 \u062f\u0648\u0631\u0627\u0646 \u0627\u0644\u062a\u0631\u0633:<\/strong> <span id=\"resultGearRotation\" class=\"result-value\"><\/span>\n <\/div>\n <div class=\"result-item\">\n <strong>\u0631\u062f \u0641\u0639\u0644 \u0639\u0646\u064a\u0641:<\/strong> <span id=\"resultBacklash\" class=\"result-value\"><\/span> \u0645\u0645\n <\/div>\n <div class=\"result-item\">\n <strong>\u0642\u0637\u0631 \u0627\u0644\u0642\u0627\u0637\u0639:<\/strong> <span id=\"cutterDiameter\" class=\"result-value\"><\/span> \u0645\u0645\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n document.getElementById('gearCalculator').addEventListener('submit', function(e) {\n e.preventDefault();\n \n \/\/ Get input values\n const pinionTeeth = parseInt(document.getElementById('pinionTeeth').value);\n const gearTeeth = parseInt(document.getElementById('gearTeeth').value);\n const faceWidth = parseFloat(document.getElementById('faceWidth').value);\n const offsetDistance = parseFloat(document.getElementById('offsetDistance').value);\n const pinionHelixAngle = parseFloat(document.getElementById('pinionHelixAngle').value);\n const workingDepthFactor = parseFloat(document.getElementById('workingDepthFactor').value);\n const taperFactor = parseFloat(document.getElementById('taperFactor').value);\n const pressureAngle = parseFloat(document.getElementById('pressureAngle').value);\n const gearAddendumCoefficient = parseFloat(document.getElementById('gearAddendumCoefficient').value);\n const backlash = document.getElementById('backlash').value; \/\/ Keep as string for range\n const pinionRotationDirection = document.getElementById('pinionRotationDirection').value;\n const gearRotationDirection = document.getElementById('gearRotationDirection').value;\n const offsetDirection = document.getElementById('offsetDirection').value;\n const topClearance = parseFloat(document.getElementById('topClearance').value);\n const cutterRadius = parseFloat(document.getElementById('cutterRadius').value);\n\n \/\/ --- Perform Calculations ---\n \/\/ Placeholder calculations - Replace with actual formulas\n\n \/\/ Simple pass-through for confirmation\n document.getElementById('resultPinionTeeth').textContent = pinionTeeth;\n document.getElementById('resultGearTeeth').textContent = gearTeeth;\n document.getElementById('resultPressureAngle').textContent = pressureAngle.toFixed(1); \/\/ Assuming 1 decimal place for angle\n document.getElementById('resultPinionOffset').textContent = offsetDistance.toFixed(2); \/\/ Assuming 2 decimal places\n document.getElementById('resultPinionRotation').textContent = pinionRotationDirection.replace('Hand', '').trim(); \/\/ Display direction only\n document.getElementById('resultGearRotation').textContent = gearRotationDirection.replace('Hand', '').trim(); \/\/ Display direction only\n document.getElementById('resultBacklash').textContent = backlash; \/\/ Display input backlash\n\n const cutterDiameter = cutterRadius * 2;\n document.getElementById('cutterDiameter').textContent = cutterDiameter.toFixed(8); \/\/ Assuming high precision\n\n\n \/\/ Show results section\n document.getElementById('results').style.display = 'block';\n });\n <\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Discover the efficiency and precision of our Hypoid Gear Design Calculator, an essential tool for engineers and designers involved in the development of gears. This…<\/p>","protected":false},"author":2,"featured_media":16086,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"pmpro_default_level":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3436],"tags":[3398,3560,3734],"class_list":["post-16084","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gear-calculator","tag-engineering-tools","tag-gear-design","tag-hypoid-gear","pmpro-has-access"],"acf":[],"jetpack_featured_media_url":"https:\/\/www.mechstream.com\/wp-content\/uploads\/2025\/06\/Hypoid-Gear-Design-Calculator.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/posts\/16084","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=16084"}],"version-history":[{"count":0,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/posts\/16084\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/media\/16086"}],"wp:attachment":[{"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/media?parent=16084"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/categories?post=16084"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mechstream.com\/ar\/wp-json\/wp\/v2\/tags?post=16084"}],"curies":[{"name":"\u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

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