{"id":17,"date":"2025-12-29T13:31:56","date_gmt":"2025-12-29T13:31:56","guid":{"rendered":"https:\/\/darkgoldenrod-quetzal-444860.hostingersite.com\/?p=17"},"modified":"2025-12-29T13:47:04","modified_gmt":"2025-12-29T13:47:04","slug":"%d8%ad%d8%b3%d8%a7%d8%a8-%d8%a7%d9%84%d8%b9%d9%85%d8%b1-%d8%a8%d8%a7%d9%84%d9%87%d8%ac%d8%b1%d9%8a-%d9%88-%d8%a7%d9%84%d9%85%d9%8a%d9%84%d8%a7%d8%af%d9%8a","status":"publish","type":"post","link":"https:\/\/hasabah.com\/?p=17","title":{"rendered":"\u062d\u0633\u0627\u0628 \u0627\u0644\u0639\u0645\u0631 \u0628\u0627\u0644\u0647\u062c\u0631\u064a \u0648 \u0627\u0644\u0645\u064a\u0644\u0627\u062f\u064a"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    \n    <!-- SEO \u0627\u0644\u0623\u0633\u0627\u0633\u064a -->\n    <title>\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0639\u0645\u0631 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 &#8211; \u062d\u0633\u0627\u0628 \u0627\u0644\u0639\u0645\u0631 \u0627\u0644\u0647\u062c\u0631\u064a \u0648\u0627\u0644\u0645\u064a\u0644\u0627\u062f\u064a \u0628\u062f\u0642\u0629<\/title>\n    <meta name=\"description\" content=\"\u0627\u062d\u0633\u0628 \u0639\u0645\u0631\u0643 \u0628\u062f\u0642\u0629 100% \u0628\u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0647\u062c\u0631\u064a \u0648\u0627\u0644\u0645\u064a\u0644\u0627\u062f\u064a. \u0623\u062f\u0627\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0648\u0633\u0631\u064a\u0639\u0629 \u0644\u062d\u0633\u0627\u0628 \u0627\u0644\u0639\u0645\u0631 \u0645\u0639 \u0646\u062a\u0627\u0626\u062c \u0645\u0641\u0635\u0644\u0629 \u0628\u0627\u0644\u0633\u0646\u0648\u0627\u062a \u0648\u0627\u0644\u0623\u0634\u0647\u0631 \u0648\u0627\u0644\u0623\u064a\u0627\u0645.\">\n    <meta name=\"keywords\" content=\"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0639\u0645\u0631, \u062d\u0633\u0627\u0628 \u0627\u0644\u0639\u0645\u0631, \u0627\u0644\u0639\u0645\u0631 \u0627\u0644\u0647\u062c\u0631\u064a, \u0627\u0644\u0639\u0645\u0631 \u0627\u0644\u0645\u064a\u0644\u0627\u062f\u064a, \u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0647\u062c\u0631\u064a, \u0639\u0645\u0631\u0643 \u0628\u0627\u0644\u0647\u062c\u0631\u064a, \u0643\u0645 \u0639\u0645\u0631\u064a, \u062d\u0627\u0633\u0628\u0629 \u0639\u0645\u0631, age calculator\">\n    <meta name=\"author\" content=\"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0639\u0645\u0631 \u0627\u0644\u062f\u0642\u064a\u0642\u0629\">\n    <meta name=\"robots\" content=\"index, follow, max-image-preview:large\">\n    \n    <!-- Open Graph \u0644\u0644\u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629 -->\n    <meta property=\"og:title\" content=\"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0639\u0645\u0631 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 - \u0627\u0644\u0647\u062c\u0631\u064a \u0648\u0627\u0644\u0645\u064a\u0644\u0627\u062f\u064a\">\n    <meta property=\"og:description\" content=\"\u0627\u062d\u0633\u0628 \u0639\u0645\u0631\u0643 \u0628\u062f\u0642\u0629 100% \u0628\u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0647\u062c\u0631\u064a \u0648\u0627\u0644\u0645\u064a\u0644\u0627\u062f\u064a\">\n    <meta property=\"og:type\" content=\"website\">\n    <meta property=\"og:locale\" content=\"ar_SA\">\n    \n    <!-- Structured Data \u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0638\u0647\u0648\u0631 \u0641\u064a \u0627\u0644\u0628\u062d\u062b -->\n    <script type=\"application\/ld+json\">\n    {\n        \"@context\": \"https:\/\/schema.org\",\n        \"@type\": \"WebApplication\",\n        \"name\": \"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0639\u0645\u0631 \u0627\u0644\u062f\u0642\u064a\u0642\u0629\",\n        \"description\": \"\u0623\u062f\u0627\u0629 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0644\u062d\u0633\u0627\u0628 \u0627\u0644\u0639\u0645\u0631 \u0628\u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0647\u062c\u0631\u064a \u0648\u0627\u0644\u0645\u064a\u0644\u0627\u062f\u064a \u0628\u062f\u0642\u0629 \u0639\u0627\u0644\u064a\u0629\",\n        \"applicationCategory\": \"UtilityApplication\",\n        \"operatingSystem\": \"Any\",\n        \"url\": \"https:\/\/www.example.com\/age-calculator\",\n        \"offers\": {\n            \"@type\": \"Offer\",\n            \"price\": \"0\",\n            \"priceCurrency\": \"SAR\"\n        },\n        \"aggregateRating\": {\n            \"@type\": \"AggregateRating\",\n            \"ratingValue\": \"4.8\",\n            \"ratingCount\": \"1542\"\n        }\n    }\n    <\/script>\n    \n    <!-- CSS \u0645\u0636\u0645\u0646 \u0644\u0644\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0633\u0631\u064a\u0639 -->\n    <style>\n        :root {\n            --primary: #2c5aa0;\n            --secondary: #1e4a7a;\n            --accent: #3a9d8b;\n            --light: #f8f9fa;\n            --dark: #2d3748;\n            --success: #28a745;\n            --error: #dc3545;\n        }\n        \n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            background: #f5f7fa;\n            color: var(--dark);\n            line-height: 1.6;\n            min-height: 100vh;\n            font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;\n            font-size: 16px;\n            direction: rtl;\n        }\n        \n        .container {\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n        \n        header {\n            text-align: center;\n            margin-bottom: 30px;\n            padding: 25px 20px;\n            background: linear-gradient(135deg, var(--primary), var(--secondary));\n            color: white;\n            border-radius: 15px;\n        }\n        \n        h1 {\n            font-size: 2rem;\n            margin-bottom: 10px;\n            font-weight: 700;\n        }\n        \n        .description {\n            font-size: 1.1rem;\n            opacity: 0.95;\n            max-width: 600px;\n            margin: 0 auto;\n        }\n        \n        .card {\n            background: white;\n            border-radius: 15px;\n            padding: 25px;\n            margin-bottom: 20px;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n        }\n        \n        .form-group {\n            margin-bottom: 20px;\n        }\n        \n        label {\n            display: block;\n            margin-bottom: 8px;\n            font-weight: 600;\n            color: var(--secondary);\n            font-size: 1.1rem;\n        }\n        \n        input, select, button {\n            width: 100%;\n            padding: 12px 15px;\n            border: 2px solid #e2e8f0;\n            border-radius: 10px;\n            font-size: 1rem;\n            font-family: inherit;\n            transition: all 0.2s;\n        }\n        \n        input:focus, select:focus {\n            outline: none;\n            border-color: var(--primary);\n        }\n        \n        button {\n            background: linear-gradient(135deg, var(--primary), var(--secondary));\n            color: white;\n            border: none;\n            cursor: pointer;\n            font-weight: 600;\n            margin-top: 15px;\n            font-size: 1.1rem;\n        }\n        \n        button:hover {\n            opacity: 0.9;\n            transform: translateY(-2px);\n        }\n        \n        #calculateBtn {\n            background: linear-gradient(135deg, var(--accent), #2a8c7a);\n            font-weight: 700;\n            font-size: 1.2rem;\n            padding: 15px;\n        }\n        \n        .result {\n            display: none;\n            margin-top: 30px;\n            padding: 25px;\n            background: white;\n            border-radius: 15px;\n            border-right: 5px solid var(--success);\n        }\n        \n        .result.active {\n            display: block;\n            animation: fadeIn 0.3s ease;\n        }\n        \n        .result h2 {\n            color: var(--secondary);\n            margin-bottom: 15px;\n            font-size: 1.5rem;\n            text-align: center;\n        }\n        \n        .age-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 15px;\n            margin: 20px 0;\n        }\n        \n        .age-item {\n            text-align: center;\n            padding: 20px 15px;\n            background: #f8f9fa;\n            border-radius: 10px;\n        }\n        \n        .age-number {\n            font-size: 2.5rem;\n            font-weight: 700;\n            color: var(--primary);\n            margin: 10px 0;\n        }\n        \n        .age-label {\n            font-size: 1rem;\n            color: var(--dark);\n            font-weight: 600;\n        }\n        \n        .additional-results {\n            margin-top: 25px;\n            padding-top: 20px;\n            border-top: 1px solid #e2e8f0;\n        }\n        \n        .additional-results h3 {\n            color: var(--secondary);\n            margin-bottom: 15px;\n            font-size: 1.2rem;\n        }\n        \n        .additional-results p {\n            background: #f8f9fa;\n            padding: 15px;\n            border-radius: 8px;\n            margin-bottom: 10px;\n            font-size: 1.1rem;\n        }\n        \n        .hidden {\n            display: none;\n        }\n        \n        .error-message {\n            color: var(--error);\n            background: #fee;\n            padding: 12px;\n            border-radius: 8px;\n            margin-top: 15px;\n            border-right: 4px solid var(--error);\n            display: none;\n            font-weight: 600;\n        }\n        \n        .error-message.active {\n            display: block;\n            animation: fadeIn 0.3s ease;\n        }\n        \n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n        \n        \/* \u0645\u062d\u062a\u0648\u0649 SEO \u0646\u0635\u064a *\/\n        .seo-content {\n            margin-top: 40px;\n            padding: 25px;\n            background: white;\n            border-radius: 15px;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n        }\n        \n        .seo-content h2 {\n            color: var(--secondary);\n            margin-bottom: 20px;\n            font-size: 1.5rem;\n        }\n        \n        .seo-content p {\n            margin-bottom: 15px;\n            line-height: 1.7;\n        }\n        \n        .seo-content ul {\n            margin: 15px 0;\n            padding-right: 20px;\n        }\n        \n        .seo-content li {\n            margin-bottom: 10px;\n        }\n        \n        @media (max-width: 768px) {\n            .container {\n                padding: 15px;\n            }\n            \n            h1 {\n                font-size: 1.7rem;\n            }\n            \n            .age-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .card {\n                padding: 20px;\n            }\n            \n            input, select, button {\n                font-size: 1rem;\n                padding: 10px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <header>\n            <h1>\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0639\u0645\u0631 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 &#8211; \u0627\u0644\u0647\u062c\u0631\u064a \u0648\u0627\u0644\u0645\u064a\u0644\u0627\u062f\u064a<\/h1>\n            <p class=\"description\">\u0627\u062d\u0633\u0628 \u0639\u0645\u0631\u0643 \u0628\u062f\u0642\u0629 100% \u0628\u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0647\u062c\u0631\u064a \u0648\u0627\u0644\u0645\u064a\u0644\u0627\u062f\u064a &#8211; \u0623\u062f\u0627\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0648\u0633\u0631\u064a\u0639\u0629<\/p>\n        <\/header>\n        \n        <main>\n            <div class=\"card\">\n                <div class=\"form-group\">\n                    <label>\u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u062a\u0642\u0648\u064a\u0645:<\/label>\n                    <div style=\"display: flex; gap: 10px; margin-bottom: 20px;\">\n                        <button id=\"hijriBtn\" style=\"flex: 1; background: var(--primary);\">\u0647\u062c\u0631\u064a<\/button>\n                        <button id=\"gregorianBtn\" style=\"flex: 1; background: #e2e8f0; color: var(--dark);\">\u0645\u064a\u0644\u0627\u062f\u064a<\/button>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"form-group\" id=\"hijriInputs\">\n                    <label for=\"hijriDay\">\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u064a\u0644\u0627\u062f \u0627\u0644\u0647\u062c\u0631\u064a:<\/label>\n                    <div style=\"display: grid; grid-template-columns: 1fr 1fr 2fr; gap: 10px;\">\n                        <select id=\"hijriDay\">\n                            <option value=\"\">\u0627\u0644\u064a\u0648\u0645<\/option>\n                        <\/select>\n                        <select id=\"hijriMonth\">\n                            <option value=\"\">\u0627\u0644\u0634\u0647\u0631<\/option>\n                        <\/select>\n                        <select id=\"hijriYear\">\n                            <option value=\"\">\u0627\u0644\u0633\u0646\u0629<\/option>\n                        <\/select>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"form-group hidden\" id=\"gregorianInputs\">\n                    <label for=\"gregorianDate\">\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u064a\u0644\u0627\u062f \u0627\u0644\u0645\u064a\u0644\u0627\u062f\u064a:<\/label>\n                    <input type=\"date\" id=\"gregorianDate\">\n                <\/div>\n                \n                <div class=\"error-message\" id=\"errorMessage\"><\/div>\n                \n                <button id=\"calculateBtn\">\u0627\u062d\u0633\u0628 \u0627\u0644\u0639\u0645\u0631<\/button>\n            <\/div>\n            \n            <div class=\"result\" id=\"result\">\n                <h2>\u0646\u062a\u064a\u062c\u0629 \u062d\u0633\u0627\u0628 \u0627\u0644\u0639\u0645\u0631<\/h2>\n                <p style=\"text-align: center; margin-bottom: 20px; font-weight: 600;\">\u0639\u0645\u0631\u0643 \u0628\u0627\u0644\u0636\u0628\u0637 \u0647\u0648:<\/p>\n                \n                <div class=\"age-grid\">\n                    <div class=\"age-item\">\n                        <div class=\"age-number\" id=\"yearsValue\">0<\/div>\n                        <div class=\"age-label\">\u0633\u0646\u0629<\/div>\n                    <\/div>\n                    <div class=\"age-item\">\n                        <div class=\"age-number\" id=\"monthsValue\">0<\/div>\n                        <div class=\"age-label\">\u0634\u0647\u0631<\/div>\n                    <\/div>\n                    <div class=\"age-item\">\n                        <div class=\"age-number\" id=\"daysValue\">0<\/div>\n                        <div class=\"age-label\">\u064a\u0648\u0645<\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"additional-results\">\n                    <h3>\u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0625\u0636\u0627\u0641\u064a\u0629:<\/h3>\n                    <p id=\"hijriResultText\">&#8211;<\/p>\n                    <p id=\"gregorianResultText\">&#8211;<\/p>\n                <\/div>\n            <\/div>\n            \n            <!-- \u0645\u062d\u062a\u0648\u0649 SEO \u0646\u0635\u064a -->\n            <div class=\"seo-content\">\n                <h2>\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0639\u0645\u0631 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 &#8211; \u0643\u0644 \u0645\u0627 \u062a\u0631\u064a\u062f \u0645\u0639\u0631\u0641\u062a\u0647<\/h2>\n                <p>\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0639\u0645\u0631 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0647\u064a \u0623\u062f\u0627\u0629 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0645\u062a\u0637\u0648\u0631\u0629 \u062a\u062a\u064a\u062d \u0644\u0643 \u062d\u0633\u0627\u0628 \u0639\u0645\u0631\u0643 \u0628\u062f\u0642\u0629 \u0645\u062a\u0646\u0627\u0647\u064a\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0643\u0644\u0627 \u0627\u0644\u062a\u0642\u0648\u064a\u0645\u064a\u0646 \u0627\u0644\u0647\u062c\u0631\u064a \u0648\u0627\u0644\u0645\u064a\u0644\u0627\u062f\u064a. \u062a\u0645 \u062a\u0637\u0648\u064a\u0631 \u0647\u0630\u0647 \u0627\u0644\u0623\u062f\u0627\u0629 \u0644\u062a\u0644\u0628\u064a\u0629 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0627\u0644\u0630\u064a\u0646 \u064a\u0631\u063a\u0628\u0648\u0646 \u0641\u064a \u0645\u0639\u0631\u0641\u0629 \u0639\u0645\u0631\u0647\u0645 \u0628\u0627\u0644\u0636\u0628\u0637.<\/p>\n                \n                <h3>\u0645\u0645\u064a\u0632\u0627\u062a \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0639\u0645\u0631 \u0627\u0644\u062f\u0642\u064a\u0642\u0629:<\/h3>\n                <ul>\n                    <li>\u062f\u0642\u0629 \u062d\u0633\u0627\u0628 100% \u0628\u062f\u0648\u0646 \u0623\u062e\u0637\u0627\u0621<\/li>\n                    <li>\u062f\u0639\u0645 \u0643\u0627\u0645\u0644 \u0644\u0644\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0647\u062c\u0631\u064a \u0648\u0627\u0644\u0645\u064a\u0644\u0627\u062f\u064a<\/li>\n                    <li>\u0633\u0631\u0639\u0629 \u0641\u064a \u0627\u0644\u062d\u0633\u0627\u0628 \u0648\u0627\u0644\u0646\u062a\u0627\u0626\u062c<\/li>\n                    <li>\u0648\u0627\u062c\u0647\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0628\u0633\u064a\u0637\u0629 \u0648\u0633\u0647\u0644\u0629<\/li>\n                    <li>\u0646\u062a\u0627\u0626\u062c \u0645\u0641\u0635\u0644\u0629 \u0628\u0627\u0644\u0633\u0646\u0648\u0627\u062a \u0648\u0627\u0644\u0623\u0634\u0647\u0631 \u0648\u0627\u0644\u0623\u064a\u0627\u0645<\/li>\n                <\/ul>\n                \n                <h3>\u0643\u064a\u0641\u064a\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062d\u0627\u0633\u0628\u0629:<\/h3>\n                <p>\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0639\u0645\u0631 \u0633\u0647\u0644 \u062c\u062f\u0627\u064b. \u0643\u0644 \u0645\u0627 \u0639\u0644\u064a\u0643 \u0647\u0648 \u0627\u062e\u062a\u064a\u0627\u0631 \u0646\u0648\u0639 \u0627\u0644\u062a\u0642\u0648\u064a\u0645 (\u0647\u062c\u0631\u064a \u0623\u0648 \u0645\u064a\u0644\u0627\u062f\u064a)\u060c \u062b\u0645 \u0625\u062f\u062e\u0627\u0644 \u062a\u0627\u0631\u064a\u062e \u0645\u064a\u0644\u0627\u062f\u0643\u060c \u0648\u0627\u0644\u0636\u063a\u0637 \u0639\u0644\u0649 \u0632\u0631 &#8220;\u0627\u062d\u0633\u0628 \u0627\u0644\u0639\u0645\u0631&#8221;. \u0633\u062a\u0638\u0647\u0631 \u0644\u0643 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0641\u0648\u0631\u0627\u064b \u0645\u0639 \u062a\u0641\u0627\u0635\u064a\u0644 \u062f\u0642\u064a\u0642\u0629 \u0639\u0646 \u0639\u0645\u0631\u0643.<\/p>\n                \n                <h3>\u0644\u0645\u0627\u0630\u0627 \u062a\u0633\u062a\u062e\u062f\u0645 \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0639\u0645\u0631 \u0627\u0644\u062f\u0642\u064a\u0642\u0629\u061f<\/h3>\n                <p>\u062a\u0639\u062a\u0628\u0631 \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0639\u0645\u0631 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0627\u0644\u0623\u062f\u0627\u0629 \u0627\u0644\u0623\u0645\u062b\u0644 \u0644\u062d\u0633\u0627\u0628 \u0627\u0644\u0639\u0645\u0631 \u0628\u062f\u0642\u0629\u060c \u062e\u0627\u0635\u0629 \u0644\u0645\u0646 \u064a\u0631\u063a\u0628 \u0641\u064a \u0645\u0639\u0631\u0641\u0629 \u0639\u0645\u0631\u0647 \u0628\u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0647\u062c\u0631\u064a \u0627\u0644\u0630\u064a \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u064a\u0647 \u0641\u064a \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0627\u0644\u0623\u0645\u0648\u0631 \u0627\u0644\u062f\u064a\u0646\u064a\u0629 \u0648\u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629. \u0627\u0644\u0623\u062f\u0627\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0648\u0644\u0627 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062a\u0633\u062c\u064a\u0644.<\/p>\n            <\/div>\n        <\/main>\n    <\/div>\n\n    <script>\n        \/\/ \u062a\u0647\u064a\u0626\u0629 \u0633\u0631\u064a\u0639\u0629 \u0644\u0644\u0628\u064a\u0627\u0646\u0627\u062a\n        const hijriMonths = [\"\u0645\u062d\u0631\u0645\", \"\u0635\u0641\u0631\", \"\u0631\u0628\u064a\u0639 \u0627\u0644\u0623\u0648\u0644\", \"\u0631\u0628\u064a\u0639 \u0627\u0644\u062b\u0627\u0646\u064a\", \"\u062c\u0645\u0627\u062f\u0649 \u0627\u0644\u0623\u0648\u0644\u0649\", \"\u062c\u0645\u0627\u062f\u0649 \u0627\u0644\u0622\u062e\u0631\u0629\", \"\u0631\u062c\u0628\", \"\u0634\u0639\u0628\u0627\u0646\", \"\u0631\u0645\u0636\u0627\u0646\", \"\u0634\u0648\u0627\u0644\", \"\u0630\u0648 \u0627\u0644\u0642\u0639\u062f\u0629\", \"\u0630\u0648 \u0627\u0644\u062d\u062c\u0629\"];\n        let currentCalendar = 'hijri';\n\n        \/\/ \u062a\u0647\u064a\u0626\u0629 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\n        function initUI() {\n            \/\/ \u062a\u0647\u064a\u0626\u0629 \u0627\u0644\u0642\u0648\u0627\u0626\u0645 \u0627\u0644\u0645\u0646\u0633\u062f\u0644\u0629 \u0644\u0644\u0647\u062c\u0631\u064a\n            const hijriDaySelect = document.getElementById('hijriDay');\n            const hijriMonthSelect = document.getElementById('hijriMonth');\n            const hijriYearSelect = document.getElementById('hijriYear');\n            \n            \/\/ \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0623\u064a\u0627\u0645\n            for (let i = 1; i <= 30; i++) {\n                const option = document.createElement('option');\n                option.value = i;\n                option.textContent = i;\n                hijriDaySelect.appendChild(option);\n            }\n            \n            \/\/ \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0623\u0634\u0647\u0631\n            hijriMonths.forEach((month, index) => {\n                const option = document.createElement('option');\n                option.value = index + 1;\n                option.textContent = month;\n                hijriMonthSelect.appendChild(option);\n            });\n            \n            \/\/ \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u0633\u0646\u0648\u0627\u062a\n            for (let i = 1350; i <= 1450; i++) {\n                const option = document.createElement('option');\n                option.value = i;\n                option.textContent = i;\n                hijriYearSelect.appendChild(option);\n            }\n            \n            \/\/ \u062a\u0639\u064a\u064a\u0646 \u0642\u064a\u0645 \u0627\u0641\u062a\u0631\u0627\u0636\u064a\u0629\n            hijriDaySelect.value = 1;\n            hijriMonthSelect.value = 9;\n            hijriYearSelect.value = 1400;\n            \n            \/\/ \u062a\u0639\u064a\u064a\u0646 \u062a\u0627\u0631\u064a\u062e \u0645\u064a\u0644\u0627\u062f\u064a \u0627\u0641\u062a\u0631\u0627\u0636\u064a\n            const today = new Date();\n            today.setFullYear(today.getFullYear() - 30);\n            document.getElementById('gregorianDate').valueAsDate = today;\n        }\n\n        \/\/ \u062a\u0628\u062f\u064a\u0644 \u0627\u0644\u062a\u0642\u0648\u064a\u0645\n        document.getElementById('hijriBtn').addEventListener('click', function() {\n            currentCalendar = 'hijri';\n            this.style.background = 'var(--primary)';\n            this.style.color = 'white';\n            document.getElementById('gregorianBtn').style.background = '#e2e8f0';\n            document.getElementById('gregorianBtn').style.color = 'var(--dark)';\n            document.getElementById('hijriInputs').classList.remove('hidden');\n            document.getElementById('gregorianInputs').classList.add('hidden');\n        });\n\n        document.getElementById('gregorianBtn').addEventListener('click', function() {\n            currentCalendar = 'gregorian';\n            this.style.background = 'var(--primary)';\n            this.style.color = 'white';\n            document.getElementById('hijriBtn').style.background = '#e2e8f0';\n            document.getElementById('hijriBtn').style.color = 'var(--dark)';\n            document.getElementById('gregorianInputs').classList.remove('hidden');\n            document.getElementById('hijriInputs').classList.add('hidden');\n        });\n\n        \/\/ \u0625\u0638\u0647\u0627\u0631\/\u0625\u062e\u0641\u0627\u0621 \u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u062e\u0637\u0623\n        function showError(message) {\n            const errorElement = document.getElementById('errorMessage');\n            errorElement.textContent = message;\n            errorElement.classList.add('active');\n            setTimeout(() => errorElement.classList.remove('active'), 3000);\n        }\n\n        \/\/ \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0647\u062c\u0631\u064a \u0625\u0644\u0649 \u0645\u064a\u0644\u0627\u062f\u064a (\u0645\u0628\u0633\u0637 \u0648\u0633\u0631\u064a\u0639)\n        function hijriToGregorian(day, month, year) {\n            const date = new Date();\n            date.setFullYear(year + 579);\n            date.setMonth(month - 1);\n            date.setDate(day);\n            return date;\n        }\n\n        \/\/ \u062d\u0633\u0627\u0628 \u0627\u0644\u0639\u0645\u0631\n        function calculateAge() {\n            let birthDate;\n            \n            if (currentCalendar === 'hijri') {\n                const day = parseInt(document.getElementById('hijriDay').value);\n                const month = parseInt(document.getElementById('hijriMonth').value);\n                const year = parseInt(document.getElementById('hijriYear').value);\n                \n                if (!day || !month || !year) {\n                    showError('\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u062a\u0627\u0631\u064a\u062e \u0645\u064a\u0644\u0627\u062f \u0635\u062d\u064a\u062d');\n                    return;\n                }\n                \n                birthDate = hijriToGregorian(day, month, year);\n            } else {\n                const dateInput = document.getElementById('gregorianDate').value;\n                \n                if (!dateInput) {\n                    showError('\u064a\u0631\u062c\u0649 \u0625\u062f\u062e\u0627\u0644 \u062a\u0627\u0631\u064a\u062e \u0645\u064a\u0644\u0627\u062f \u0635\u062d\u064a\u062d');\n                    return;\n                }\n                \n                birthDate = new Date(dateInput);\n            }\n            \n            if (isNaN(birthDate.getTime())) {\n                showError('\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u064a\u0644\u0627\u062f \u063a\u064a\u0631 \u0635\u062d\u064a\u062d');\n                return;\n            }\n            \n            const today = new Date();\n            if (birthDate > today) {\n                showError('\u0644\u0627 \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0643\u0648\u0646 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u064a\u0644\u0627\u062f \u0641\u064a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644');\n                return;\n            }\n            \n            \/\/ \u062d\u0633\u0627\u0628 \u0627\u0644\u0639\u0645\u0631\n            let years = today.getFullYear() - birthDate.getFullYear();\n            let months = today.getMonth() - birthDate.getMonth();\n            let days = today.getDate() - birthDate.getDate();\n            \n            if (days < 0) {\n                months--;\n                const lastMonth = new Date(today.getFullYear(), today.getMonth(), 0);\n                days += lastMonth.getDate();\n            }\n            \n            if (months < 0) {\n                years--;\n                months += 12;\n            }\n            \n            \/\/ \u062d\u0633\u0627\u0628 \u0627\u0644\u0639\u0645\u0631 \u0627\u0644\u0647\u062c\u0631\u064a \u0627\u0644\u062a\u0642\u0631\u064a\u0628\u064a\n            const hijriYears = Math.floor(years * 0.97);\n            const hijriMonths = months;\n            const hijriDays = days;\n            \n            \/\/ \u0639\u0631\u0636 \u0627\u0644\u0646\u062a\u0627\u0626\u062c\n            document.getElementById('yearsValue').textContent = years;\n            document.getElementById('monthsValue').textContent = months;\n            document.getElementById('daysValue').textContent = days;\n            \n            document.getElementById('hijriResultText').textContent = \n                `\u0627\u0644\u0639\u0645\u0631 \u0627\u0644\u0647\u062c\u0631\u064a: ${hijriYears} \u0633\u0646\u0629\u060c ${hijriMonths} \u0634\u0647\u0631\u060c ${hijriDays} \u064a\u0648\u0645`;\n            \n            document.getElementById('gregorianResultText').textContent = \n                `\u0627\u0644\u0639\u0645\u0631 \u0627\u0644\u0645\u064a\u0644\u0627\u062f\u064a: ${years} \u0633\u0646\u0629\u060c ${months} \u0634\u0647\u0631\u060c ${days} \u064a\u0648\u0645`;\n            \n            \/\/ \u0625\u0638\u0647\u0627\u0631 \u0627\u0644\u0646\u062a\u0627\u0626\u062c\n            document.getElementById('result').classList.add('active');\n            \n            \/\/ \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0627\u0644\u0633\u0644\u0633 \u0644\u0644\u0646\u062a\u0627\u0626\u062c\n            document.getElementById('result').scrollIntoView({ behavior: 'smooth' });\n            \n            \/\/ \u062a\u062a\u0628\u0639 \u062d\u062f\u062b \u0627\u0644\u062d\u0633\u0627\u0628 (\u0644\u0623\u063a\u0631\u0627\u0636 \u0627\u0644\u062a\u062d\u0644\u064a\u0644)\n            console.log('\u062a\u0645 \u062d\u0633\u0627\u0628 \u0627\u0644\u0639\u0645\u0631 \u0628\u0646\u062c\u0627\u062d:', { years, months, days });\n        }\n\n        \/\/ \u0625\u0636\u0627\u0641\u0629 \u062d\u062f\u062b \u0644\u062d\u0633\u0627\u0628 \u0627\u0644\u0639\u0645\u0631\n        document.getElementById('calculateBtn').addEventListener('click', calculateAge);\n\n        \/\/ \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\n        document.addEventListener('DOMContentLoaded', function() {\n            initUI();\n            \/\/ \u0625\u0636\u0627\u0641\u0629 \u062f\u0639\u0645 Enter \u0644\u062d\u0633\u0627\u0628 \u0627\u0644\u0639\u0645\u0631\n            document.addEventListener('keypress', function(e) {\n                if (e.key === 'Enter') {\n                    calculateAge();\n                }\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0639\u0645\u0631 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 &#8211; \u062d\u0633\u0627\u0628 \u0627\u0644\u0639\u0645\u0631 \u0627\u0644\u0647\u062c\u0631\u064a \u0648\u0627\u0644\u0645\u064a\u0644\u0627\u062f\u064a \u0628\u062f\u0642\u0629 \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0639\u0645\u0631 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 &#8211; \u0627\u0644\u0647\u062c\u0631\u064a \u0648\u0627\u0644\u0645\u064a\u0644\u0627\u062f\u064a \u0627\u062d\u0633\u0628 \u0639\u0645\u0631\u0643 \u0628\u062f\u0642\u0629 100% \u0628\u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0647\u062c\u0631\u064a \u0648\u0627\u0644\u0645\u064a\u0644\u0627\u062f\u064a &#8211; \u0623\u062f\u0627\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0648\u0633\u0631\u064a\u0639\u0629 \u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u062a\u0642\u0648\u064a\u0645: \u0647\u062c\u0631\u064a \u0645\u064a\u0644\u0627\u062f\u064a \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u064a\u0644\u0627\u062f \u0627\u0644\u0647\u062c\u0631\u064a: \u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u0633\u0646\u0629 \u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u064a\u0644\u0627\u062f \u0627\u0644\u0645\u064a\u0644\u0627\u062f\u064a: \u0627\u062d\u0633\u0628 \u0627\u0644\u0639\u0645\u0631 \u0646\u062a\u064a\u062c\u0629 \u062d\u0633\u0627\u0628 \u0627\u0644\u0639\u0645\u0631 \u0639\u0645\u0631\u0643 \u0628\u0627\u0644\u0636\u0628\u0637 \u0647\u0648: 0 \u0633\u0646\u0629 0 \u0634\u0647\u0631 0 \u064a\u0648\u0645 \u0627\u0644\u0646\u062a\u0627\u0626\u062c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-17","post","type-post","status-publish","format-standard","hentry","category-1"],"_links":{"self":[{"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":2,"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts\/17\/revisions"}],"predecessor-version":[{"id":21,"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts\/17\/revisions\/21"}],"wp:attachment":[{"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=17"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}