\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 | \u0627\u062d\u0633\u0628 \u0646\u0633\u0628\u0629 \u0623\u064a \u0645\u0628\u0644\u063a | Percentage Calculator<\/title>\n <meta name=\"description\" content=\"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u0623\u0648\u0646\u0644\u0627\u064a\u0646. \u0627\u062d\u0633\u0628 \u0646\u0633\u0628\u0629 \u0627\u0644\u062e\u0635\u0645\u060c \u0627\u0644\u0636\u0631\u064a\u0628\u0629\u060c \u0627\u0644\u0631\u0628\u062d \u0644\u0623\u064a \u0645\u0628\u0644\u063a. \u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0648\u0627\u0644\u0646\u0633\u0628\u0629 \u0648\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0641\u0648\u0631\u0627\u064b. \u062a\u062f\u0639\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0648\u0627\u0644\u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0635\u0648\u062a\u064a.\">\n <meta name=\"keywords\" content=\"\u062d\u0627\u0633\u0628\u0629 \u0646\u0633\u0628\u0629, \u062d\u0633\u0627\u0628 \u0646\u0633\u0628\u0629 \u0645\u0626\u0648\u064a\u0629, \u0646\u0633\u0628\u0629 \u062e\u0635\u0645, \u0646\u0633\u0628\u0629 \u0636\u0631\u064a\u0628\u0629, \u0627\u062d\u0633\u0628 \u0627\u0644\u0646\u0633\u0628\u0629, percentage calculator\">\n \n \n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"WebApplication\",\n \"name\": \"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629\",\n \"description\": \"\u0623\u062f\u0627\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0644\u062d\u0633\u0627\u0628 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629 \u0644\u0623\u064a \u0645\u0628\u0644\u063a\",\n \"url\": \"https:\/\/yourdomain.com\",\n \"applicationCategory\": \"CalculatorApplication\",\n \"operatingSystem\": \"Any\",\n \"offers\": {\n \"@type\": \"Offer\",\n \"price\": \"0\",\n \"priceCurrency\": \"USD\"\n }\n }\n <\/script>\n \n <style>\n *{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,sans-serif}\n :root{--blue:#4a90e2;--orange:#f39c12;--green:#27ae60;--red:#e74c3c}\n body{background:#667eea;min-height:100vh;padding:10px;line-height:1.5}\n .container{max-width:500px;margin:0 auto;background:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1);overflow:hidden}\n .header{background:var(--blue);color:#fff;padding:20px;text-align:center}\n .header h1{font-size:22px;margin-bottom:5px;font-weight:600}\n .header p{font-size:14px;opacity:.9}\n .lang-switcher{text-align:center;padding:10px;background:rgba(255,255,255,.1)}\n .lang-btn{background:transparent;border:2px solid #fff;padding:6px 15px;margin:0 3px;border-radius:20px;cursor:pointer;font-size:13px;font-weight:600}\n .lang-btn.ar{color:#fff}\n .lang-btn.en{color:var(--blue);background:#fff}\n .lang-btn.active{background:#fff;color:var(--blue)}\n .lang-btn.en.active{background:var(--blue);color:#fff}\n .calculator{padding:20px}\n .input-group{margin-bottom:15px}\n .input-group label{display:block;margin-bottom:5px;font-weight:500;color:#333;font-size:14px}\n .input-with-voice{display:flex;align-items:center;gap:8px}\n .input-with-voice input{flex:1;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;text-align:center}\n .input-with-voice input:focus{outline:none;border-color:var(--blue)}\n .voice-btn{background:var(--blue);color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px}\n .voice-btn.listening{background:var(--red);animation:pulse 1.5s infinite}\n @keyframes pulse{50%{transform:scale(1.05)}}\n .calculate-btn{width:100%;background:var(--orange);color:#fff;border:none;padding:15px;font-size:16px;border-radius:8px;cursor:pointer;font-weight:600;margin-bottom:15px}\n .result{background:#f8f9fa;padding:20px;border-radius:8px;text-align:center;border:1px dashed #ddd;display:none}\n .result.active{display:block}\n .result h3{color:#333;margin-bottom:15px;font-size:18px}\n .result-value{font-size:36px;font-weight:700;color:var(--blue);margin:15px 0}\n \n \/* SEO Content *\/\n .seo-content{background:#f8f9fa;padding:15px;border-radius:8px;margin-top:15px}\n .seo-content h2{color:var(--blue);margin-bottom:10px;font-size:18px;text-align:center}\n .seo-content p{color:#666;font-size:14px;margin-bottom:10px}\n .seo-questions{margin-top:10px}\n .seo-question{background:#fff;padding:10px;border-radius:6px;margin-bottom:8px;border-right:3px solid var(--blue)}\n \n .examples{margin-top:15px;padding:15px;background:#f8f9fa;border-radius:8px}\n .examples h4{margin-bottom:10px;color:#333}\n .example-item{padding:5px 0;border-bottom:1px solid #ddd;font-size:13px;color:#666}\n .voice-instructions{background:#e8f4fd;padding:10px;border-radius:8px;margin-top:15px;border-right:3px solid var(--blue)}\n .voice-instructions h5{color:var(--blue);margin-bottom:5px;font-size:14px}\n .voice-instructions ul{list-style:none;padding:0}\n .voice-instructions li{margin-bottom:5px;font-size:12px;color:#555}\n [dir=\"ltr\"]{text-align:left}\n [dir=\"ltr\"] .input-with-voice input{text-align:left}\n [dir=\"ltr\"] .voice-instructions{border-right:none;border-left:3px solid var(--blue)}\n [dir=\"ltr\"] .seo-question{border-right:none;border-left:3px solid var(--blue)}\n @media (max-width:480px){.container{margin:5px}.header h1{font-size:20px}.result-value{font-size:30px}}\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <h1 data-ar=\"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629\" data-en=\"Free Percentage Calculator\">\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629<\/h1>\n <p data-ar=\"\u0627\u062d\u0633\u0628 \u0646\u0633\u0628\u0629 \u0627\u0644\u062e\u0635\u0645\u060c \u0627\u0644\u0636\u0631\u064a\u0628\u0629\u060c \u0627\u0644\u0631\u0628\u062d \u0644\u0623\u064a \u0645\u0628\u0644\u063a\" data-en=\"Calculate discount, tax, profit percentages\">\u0627\u062d\u0633\u0628 \u0646\u0633\u0628\u0629 \u0627\u0644\u062e\u0635\u0645\u060c \u0627\u0644\u0636\u0631\u064a\u0628\u0629\u060c \u0627\u0644\u0631\u0628\u062d \u0644\u0623\u064a \u0645\u0628\u0644\u063a<\/p>\n <\/div>\n\n <div class=\"lang-switcher\">\n <button class=\"lang-btn ar active\" onclick=\"switchLanguage('ar')\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/button>\n <button class=\"lang-btn en\" onclick=\"switchLanguage('en')\">English<\/button>\n <\/div>\n\n <div class=\"calculator\">\n <div class=\"input-group\">\n <label data-ar=\"\u0627\u0644\u0645\u0628\u0644\u063a:\" data-en=\"Amount:\">\u0627\u0644\u0645\u0628\u0644\u063a:<\/label>\n <div class=\"input-with-voice\">\n <input type=\"text\" id=\"baseNumber\" inputmode=\"decimal\" aria-label=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a\">\n <button class=\"voice-btn\" onclick=\"startVoiceInput('baseNumber')\" type=\"button\" data-ar=\"\ud83c\udfa4\" data-en=\"\ud83c\udfa4\" aria-label=\"\u0625\u062f\u062e\u0627\u0644 \u0635\u0648\u062a\u064a\">\ud83c\udfa4<\/button>\n <\/div>\n <\/div>\n\n <div class=\"input-group\">\n <label data-ar=\"\u0627\u0644\u0646\u0633\u0628\u0629 (%):\" data-en=\"Percentage (%):\">\u0627\u0644\u0646\u0633\u0628\u0629 (%):<\/label>\n <div class=\"input-with-voice\">\n <input type=\"text\" id=\"percentage\" inputmode=\"decimal\" aria-label=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629\">\n <button class=\"voice-btn\" onclick=\"startVoiceInput('percentage')\" type=\"button\" data-ar=\"\ud83c\udfa4\" data-en=\"\ud83c\udfa4\" aria-label=\"\u0625\u062f\u062e\u0627\u0644 \u0635\u0648\u062a\u064a\">\ud83c\udfa4<\/button>\n <\/div>\n <\/div>\n\n <button class=\"calculate-btn\" onclick=\"calculatePercentage()\" data-ar=\"\u0627\u062d\u0633\u0628 \u0627\u0644\u0646\u0633\u0628\u0629\" data-en=\"Calculate Percentage\">\u0627\u062d\u0633\u0628 \u0627\u0644\u0646\u0633\u0628\u0629<\/button>\n\n <div class=\"result\" id=\"result\">\n <h3 data-ar=\"\u0627\u0644\u0646\u062a\u064a\u062c\u0629:\" data-en=\"Result:\">\u0627\u0644\u0646\u062a\u064a\u062c\u0629:<\/h3>\n <div class=\"result-value\" id=\"resultValue\">0<\/div>\n <\/div>\n\n \n <div class=\"seo-content\" id=\"seoAr\">\n <h2 data-ar=\"\u0643\u064a\u0641\u064a\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629\" data-en=\"How to Use Percentage Calculator\">\u0643\u064a\u0641\u064a\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629<\/h2>\n <p data-ar=\"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u062d\u0633\u0627\u0628 \u0627\u0644\u0646\u0633\u0628\u0629 \u0644\u0623\u064a \u0645\u0628\u0644\u063a. \u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0641\u064a \u0627\u0644\u062d\u0642\u0644 \u0627\u0644\u0623\u0648\u0644 \u062b\u0645 \u0623\u062f\u062e\u0644 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629 \u0641\u064a \u0627\u0644\u062d\u0642\u0644 \u0627\u0644\u062b\u0627\u0646\u064a \u0648\u0627\u0636\u063a\u0637 \u0627\u062d\u0633\u0628 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0646\u062a\u064a\u062c\u0629.\" data-en=\"Free percentage calculator helps you calculate percentage for any amount. Enter amount in first field, percentage in second field, then press calculate to get results.\"><\/p>\n \n <div class=\"seo-questions\">\n <div class=\"seo-question\">\n <strong data-ar=\"\u0643\u064a\u0641 \u0627\u062d\u0633\u0628 \u0646\u0633\u0628\u0629 \u0627\u0644\u062e\u0635\u0645\u061f\" data-en=\"How to calculate discount percentage?\">\u0643\u064a\u0641 \u0627\u062d\u0633\u0628 \u0646\u0633\u0628\u0629 \u0627\u0644\u062e\u0635\u0645\u061f<\/strong>\n <p data-ar=\"\u0623\u062f\u062e\u0644 \u0633\u0639\u0631 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u0623\u0635\u0644\u064a \u0641\u064a \u062d\u0642\u0644 \u0627\u0644\u0645\u0628\u0644\u063a\u060c \u062b\u0645 \u0623\u062f\u062e\u0644 \u0646\u0633\u0628\u0629 \u0627\u0644\u062e\u0635\u0645 \u0641\u064a \u062d\u0642\u0644 \u0627\u0644\u0646\u0633\u0628\u0629.\" data-en=\"Enter original price in amount field, then enter discount percentage in percentage field.\"><\/p>\n <\/div>\n \n <div class=\"seo-question\">\n <strong data-ar=\"\u0643\u064a\u0641 \u0627\u062d\u0633\u0628 \u0646\u0633\u0628\u0629 \u0627\u0644\u0636\u0631\u064a\u0628\u0629\u061f\" data-en=\"How to calculate tax percentage?\">\u0643\u064a\u0641 \u0627\u062d\u0633\u0628 \u0646\u0633\u0628\u0629 \u0627\u0644\u0636\u0631\u064a\u0628\u0629\u061f<\/strong>\n <p data-ar=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0642\u0628\u0644 \u0627\u0644\u0636\u0631\u064a\u0628\u0629 \u0641\u064a \u0627\u0644\u062d\u0642\u0644 \u0627\u0644\u0623\u0648\u0644\u060c \u062b\u0645 \u0623\u062f\u062e\u0644 \u0646\u0633\u0628\u0629 \u0627\u0644\u0636\u0631\u064a\u0628\u0629 \u0641\u064a \u0627\u0644\u062d\u0642\u0644 \u0627\u0644\u062b\u0627\u0646\u064a.\" data-en=\"Enter amount before tax in first field, then enter tax percentage in second field.\"><\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"seo-content\" id=\"seoEn\" style=\"display:none\">\n <h2>How to Use Percentage Calculator<\/h2>\n <p>Our free percentage calculator helps you calculate percentage for any amount. Simply enter the amount in the first field, then enter the percentage in the second field, and press calculate to get instant results.<\/p>\n \n <div class=\"seo-questions\">\n <div class=\"seo-question\">\n <strong>How to calculate discount percentage?<\/strong>\n <p>Enter the original price in the amount field, then enter the discount percentage in the percentage field.<\/p>\n <\/div>\n \n <div class=\"seo-question\">\n <strong>How to calculate tax percentage?<\/strong>\n <p>Enter the amount before tax in the first field, then enter the tax percentage in the second field.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"examples\">\n <h4 data-ar=\"\u0623\u0645\u062b\u0644\u0629 \u0639\u0645\u0644\u064a\u0629:\" data-en=\"Practical Examples:\">\u0623\u0645\u062b\u0644\u0629 \u0639\u0645\u0644\u064a\u0629:<\/h4>\n <div class=\"example-item\" data-ar=\"\u25cf 20% \u0645\u0646 100 = 20 (\u0646\u0633\u0628\u0629 \u062e\u0635\u0645)\" data-en=\"\u25cf 20% of 100 = 20 (discount)\">\u25cf 20% \u0645\u0646 100 = 20 (\u0646\u0633\u0628\u0629 \u062e\u0635\u0645)<\/div>\n <div class=\"example-item\" data-ar=\"\u25cf 15% \u0645\u0646 200 = 30 (\u0646\u0633\u0628\u0629 \u0636\u0631\u064a\u0628\u0629)\" data-en=\"\u25cf 15% of 200 = 30 (tax)\">\u25cf 15% \u0645\u0646 200 = 30 (\u0646\u0633\u0628\u0629 \u0636\u0631\u064a\u0628\u0629)<\/div>\n <div class=\"example-item\" data-ar=\"\u25cf 10% \u0645\u0646 250 = 25 (\u0646\u0633\u0628\u0629 \u0631\u0628\u062d)\" data-en=\"\u25cf 10% of 250 = 25 (profit)\">\u25cf 10% \u0645\u0646 250 = 25 (\u0646\u0633\u0628\u0629 \u0631\u0628\u062d)<\/div>\n <\/div>\n\n <div class=\"voice-instructions\">\n <h5 data-ar=\"\u0645\u064a\u0632\u0629 \u0627\u0644\u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0635\u0648\u062a\u064a:\" data-en=\"Voice Input Feature:\">\u0645\u064a\u0632\u0629 \u0627\u0644\u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0635\u0648\u062a\u064a:<\/h5>\n <ul>\n <li data-ar=\"\u0627\u0636\u063a\u0637 \ud83c\udfa4 \u062b\u0645 \u062a\u0643\u0644\u0645 \u0628\u0627\u0644\u0631\u0642\u0645\" data-en=\"Press \ud83c\udfa4 then speak number\">\u0627\u0636\u063a\u0637 \ud83c\udfa4 \u062b\u0645 \u062a\u0643\u0644\u0645 \u0628\u0627\u0644\u0631\u0642\u0645<\/li>\n <li data-ar=\"\u064a\u062f\u0639\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629\" data-en=\"Supports Arabic & English\">\u064a\u062f\u0639\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Minimal JavaScript with SEO improvements\n let currentLanguage = 'ar';\n let recognition = null;\n let currentInput = null;\n\n \/\/ Update SEO content visibility\n function updateSeoContent() {\n document.getElementById('seoAr').style.display = currentLanguage === 'ar' ? 'block' : 'none';\n document.getElementById('seoEn').style.display = currentLanguage === 'en' ? 'block' : 'none';\n }\n\n \/\/ Number conversion\n const arabicToEnglishMap = {\n '\u0660':'0','\u06f0':'0','\u0661':'1','\u06f1':'1','\u0662':'2','\u06f2':'2','\u0663':'3','\u06f3':'3',\n '\u0664':'4','\u06f4':'4','\u0665':'5','\u06f5':'5','\u0666':'6','\u06f6':'6','\u0667':'7','\u06f7':'7',\n '\u0668':'8','\u06f8':'8','\u0669':'9','\u06f9':'9','\u066b':'.',',':'.'\n };\n\n function convertToEnglish(num) {\n return num.toString().split('').map(c => arabicToEnglishMap[c] || c).join('');\n }\n\n function getNumericValue(val) {\n if (!val) return null;\n const englishNum = convertToEnglish(val);\n const cleanNum = englishNum.replace(\/[^\\d.-]\/g, '');\n const num = parseFloat(cleanNum);\n return isNaN(num) ? null : num;\n }\n\n function setupInputValidation() {\n ['baseNumber', 'percentage'].forEach(id => {\n document.getElementById(id).addEventListener('input', function(e) {\n let val = e.target.value;\n val = val.replace(\/[^\\d\u0660\u0661\u0662\u0663\u0664\u0665\u0666\u0667\u0668\u0669\u06f0\u06f1\u06f2\u06f3\u06f4\u06f5\u06f6\u06f7\u06f8\u06f9.,]\/g, '');\n e.target.value = val.replace(\/,\/g, '.');\n });\n });\n }\n\n function initializeSpeechRecognition() {\n if (!(window.SpeechRecognition || window.webkitSpeechRecognition)) return null;\n recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)();\n recognition.continuous = false;\n recognition.interimResults = false;\n recognition.lang = currentLanguage === 'ar' ? 'ar-SA' : 'en-US';\n\n recognition.onstart = () => {\n const btn = document.querySelector(`[onclick=\"startVoiceInput('${currentInput}')\"]`);\n btn.classList.add('listening');\n };\n\n recognition.onresult = (e) => {\n const transcript = e.results[0][0].transcript;\n const numberMap = currentLanguage === 'ar' ? \n {'\u0635\u0641\u0631':0,'\u0648\u0627\u062d\u062f':1,'\u0627\u062b\u0646\u064a\u0646':2,'\u062b\u0644\u0627\u062b\u0629':3,'\u0627\u0631\u0628\u0639\u0629':4,'\u062e\u0645\u0633\u0629':5,'\u0633\u062a\u0629':6,'\u0633\u0628\u0639\u0629':7,'\u062b\u0645\u0627\u0646\u064a\u0629':8,'\u062a\u0633\u0639\u0629':9,'\u0639\u0634\u0631\u0629':10,'\u0645\u0627\u0626\u0629':100} :\n {'zero':0,'one':1,'two':2,'three':3,'four':4,'five':5,'six':6,'seven':7,'eight':8,'nine':9,'ten':10,'hundred':100};\n \n const cleanTranscript = transcript.trim().toLowerCase();\n let number = null;\n \n if (numberMap[cleanTranscript] !== undefined) {\n number = numberMap[cleanTranscript];\n } else {\n const numMatch = cleanTranscript.match(\/(\\d+(\\.\\d+)?)\/);\n if (numMatch) number = parseFloat(numMatch[1]);\n }\n \n if (number !== null) {\n document.getElementById(currentInput).value = number;\n }\n };\n\n recognition.onend = () => {\n const btn = document.querySelector(`[onclick=\"startVoiceInput('${currentInput}')\"]`);\n btn.classList.remove('listening');\n };\n\n return recognition;\n }\n\n function startVoiceInput(inputId) {\n currentInput = inputId;\n if (!recognition) recognition = initializeSpeechRecognition();\n if (!recognition) return;\n \n try {\n recognition.lang = currentLanguage === 'ar' ? 'ar-SA' : 'en-US';\n recognition.start();\n } catch(e) {}\n }\n\n function switchLanguage(lang) {\n currentLanguage = lang;\n document.querySelectorAll('.lang-btn').forEach(b => b.classList.remove('active'));\n event.target.classList.add('active');\n document.documentElement.dir = lang === 'ar' ? 'rtl' : 'ltr';\n document.documentElement.lang = lang;\n document.querySelectorAll('[data-ar], [data-en]').forEach(el => {\n el.textContent = el.getAttribute(`data-${lang}`) || el.textContent;\n });\n updateSeoContent();\n }\n\n function calculatePercentage() {\n const baseNum = getNumericValue(document.getElementById('baseNumber').value);\n const percent = getNumericValue(document.getElementById('percentage').value);\n \n if (baseNum === null || percent === null) {\n alert(currentLanguage === 'ar' ? '\u0623\u062f\u062e\u0644 \u0623\u0631\u0642\u0627\u0645 \u0635\u062d\u064a\u062d\u0629' : 'Enter valid numbers');\n return;\n }\n \n const result = (baseNum * percent) \/ 100;\n document.getElementById('resultValue').textContent = result.toFixed(2);\n document.getElementById('result').classList.add('active');\n \n \/\/ Simple animation\n const resultEl = document.getElementById('resultValue');\n resultEl.style.transform = 'scale(1.1)';\n setTimeout(() => resultEl.style.transform = 'scale(1)', 200);\n }\n\n \/\/ Initialize\n document.addEventListener('DOMContentLoaded', () => {\n setupInputValidation();\n initializeSpeechRecognition();\n updateSeoContent();\n \n \/\/ Enter key support\n document.getElementById('baseNumber').addEventListener('keypress', e => { if(e.key === 'Enter') calculatePercentage(); });\n document.getElementById('percentage').addEventListener('keypress', e => { if(e.key === 'Enter') calculatePercentage(); });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 | \u0627\u062d\u0633\u0628 \u0646\u0633\u0628\u0629 \u0623\u064a \u0645\u0628\u0644\u063a | Percentage Calculator \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u0627\u062d\u0633\u0628 \u0646\u0633\u0628\u0629 \u0627\u0644\u062e\u0635\u0645\u060c \u0627\u0644\u0636\u0631\u064a\u0628\u0629\u060c \u0627\u0644\u0631\u0628\u062d \u0644\u0623\u064a \u0645\u0628\u0644\u063a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 English \u0627\u0644\u0645\u0628\u0644\u063a: \ud83c\udfa4 \u0627\u0644\u0646\u0633\u0628\u0629 (%): \ud83c\udfa4 \u0627\u062d\u0633\u0628 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0646\u062a\u064a\u062c\u0629: 0 \u0643\u064a\u0641\u064a\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629 \u0643\u064a\u0641 \u0627\u062d\u0633\u0628 \u0646\u0633\u0628\u0629 \u0627\u0644\u062e\u0635\u0645\u061f \u0643\u064a\u0641 \u0627\u062d\u0633\u0628 \u0646\u0633\u0628\u0629 \u0627\u0644\u0636\u0631\u064a\u0628\u0629\u061f How to Use Percentage Calculator Our free percentage […]<\/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-22","post","type-post","status-publish","format-standard","hentry","category-1"],"_links":{"self":[{"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts\/22","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=22"}],"version-history":[{"count":2,"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts\/22\/revisions"}],"predecessor-version":[{"id":49,"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts\/22\/revisions\/49"}],"wp:attachment":[{"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=22"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":22,"date":"2025-12-30T09:03:09","date_gmt":"2025-12-30T09:03:09","guid":{"rendered":"https:\/\/darkgoldenrod-quetzal-444860.hostingersite.com\/?p=22"},"modified":"2025-12-31T13:56:13","modified_gmt":"2025-12-31T13:56:13","slug":"%d8%a7%d8%b3%d8%aa%d8%ae%d8%b1%d8%a7%d8%ac-%d8%a7%d9%84%d9%86%d8%b3%d8%a8%d9%87-%d9%85%d9%86-%d9%85%d8%a8%d9%84%d8%ba","status":"publish","type":"post","link":"https:\/\/hasabah.com\/?p=22","title":{"rendered":"\u062d\u0633\u0627\u0628 \u0646\u0633\u0628\u0647 \u0645\u0646 \u0645\u0628\u0644\u063a"},"content":{"rendered":"\n\n\n\n \n \n \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 | \u0627\u062d\u0633\u0628 \u0646\u0633\u0628\u0629 \u0623\u064a \u0645\u0628\u0644\u063a | Percentage Calculator<\/title>\n <meta name=\"description\" content=\"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u0623\u0648\u0646\u0644\u0627\u064a\u0646. \u0627\u062d\u0633\u0628 \u0646\u0633\u0628\u0629 \u0627\u0644\u062e\u0635\u0645\u060c \u0627\u0644\u0636\u0631\u064a\u0628\u0629\u060c \u0627\u0644\u0631\u0628\u062d \u0644\u0623\u064a \u0645\u0628\u0644\u063a. \u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0648\u0627\u0644\u0646\u0633\u0628\u0629 \u0648\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0641\u0648\u0631\u0627\u064b. \u062a\u062f\u0639\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0648\u0627\u0644\u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0635\u0648\u062a\u064a.\">\n <meta name=\"keywords\" content=\"\u062d\u0627\u0633\u0628\u0629 \u0646\u0633\u0628\u0629, \u062d\u0633\u0627\u0628 \u0646\u0633\u0628\u0629 \u0645\u0626\u0648\u064a\u0629, \u0646\u0633\u0628\u0629 \u062e\u0635\u0645, \u0646\u0633\u0628\u0629 \u0636\u0631\u064a\u0628\u0629, \u0627\u062d\u0633\u0628 \u0627\u0644\u0646\u0633\u0628\u0629, percentage calculator\">\n \n \n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"WebApplication\",\n \"name\": \"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629\",\n \"description\": \"\u0623\u062f\u0627\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u0644\u062d\u0633\u0627\u0628 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629 \u0644\u0623\u064a \u0645\u0628\u0644\u063a\",\n \"url\": \"https:\/\/yourdomain.com\",\n \"applicationCategory\": \"CalculatorApplication\",\n \"operatingSystem\": \"Any\",\n \"offers\": {\n \"@type\": \"Offer\",\n \"price\": \"0\",\n \"priceCurrency\": \"USD\"\n }\n }\n <\/script>\n \n <style>\n *{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,sans-serif}\n :root{--blue:#4a90e2;--orange:#f39c12;--green:#27ae60;--red:#e74c3c}\n body{background:#667eea;min-height:100vh;padding:10px;line-height:1.5}\n .container{max-width:500px;margin:0 auto;background:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1);overflow:hidden}\n .header{background:var(--blue);color:#fff;padding:20px;text-align:center}\n .header h1{font-size:22px;margin-bottom:5px;font-weight:600}\n .header p{font-size:14px;opacity:.9}\n .lang-switcher{text-align:center;padding:10px;background:rgba(255,255,255,.1)}\n .lang-btn{background:transparent;border:2px solid #fff;padding:6px 15px;margin:0 3px;border-radius:20px;cursor:pointer;font-size:13px;font-weight:600}\n .lang-btn.ar{color:#fff}\n .lang-btn.en{color:var(--blue);background:#fff}\n .lang-btn.active{background:#fff;color:var(--blue)}\n .lang-btn.en.active{background:var(--blue);color:#fff}\n .calculator{padding:20px}\n .input-group{margin-bottom:15px}\n .input-group label{display:block;margin-bottom:5px;font-weight:500;color:#333;font-size:14px}\n .input-with-voice{display:flex;align-items:center;gap:8px}\n .input-with-voice input{flex:1;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;text-align:center}\n .input-with-voice input:focus{outline:none;border-color:var(--blue)}\n .voice-btn{background:var(--blue);color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px}\n .voice-btn.listening{background:var(--red);animation:pulse 1.5s infinite}\n @keyframes pulse{50%{transform:scale(1.05)}}\n .calculate-btn{width:100%;background:var(--orange);color:#fff;border:none;padding:15px;font-size:16px;border-radius:8px;cursor:pointer;font-weight:600;margin-bottom:15px}\n .result{background:#f8f9fa;padding:20px;border-radius:8px;text-align:center;border:1px dashed #ddd;display:none}\n .result.active{display:block}\n .result h3{color:#333;margin-bottom:15px;font-size:18px}\n .result-value{font-size:36px;font-weight:700;color:var(--blue);margin:15px 0}\n \n \/* SEO Content *\/\n .seo-content{background:#f8f9fa;padding:15px;border-radius:8px;margin-top:15px}\n .seo-content h2{color:var(--blue);margin-bottom:10px;font-size:18px;text-align:center}\n .seo-content p{color:#666;font-size:14px;margin-bottom:10px}\n .seo-questions{margin-top:10px}\n .seo-question{background:#fff;padding:10px;border-radius:6px;margin-bottom:8px;border-right:3px solid var(--blue)}\n \n .examples{margin-top:15px;padding:15px;background:#f8f9fa;border-radius:8px}\n .examples h4{margin-bottom:10px;color:#333}\n .example-item{padding:5px 0;border-bottom:1px solid #ddd;font-size:13px;color:#666}\n .voice-instructions{background:#e8f4fd;padding:10px;border-radius:8px;margin-top:15px;border-right:3px solid var(--blue)}\n .voice-instructions h5{color:var(--blue);margin-bottom:5px;font-size:14px}\n .voice-instructions ul{list-style:none;padding:0}\n .voice-instructions li{margin-bottom:5px;font-size:12px;color:#555}\n [dir=\"ltr\"]{text-align:left}\n [dir=\"ltr\"] .input-with-voice input{text-align:left}\n [dir=\"ltr\"] .voice-instructions{border-right:none;border-left:3px solid var(--blue)}\n [dir=\"ltr\"] .seo-question{border-right:none;border-left:3px solid var(--blue)}\n @media (max-width:480px){.container{margin:5px}.header h1{font-size:20px}.result-value{font-size:30px}}\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <h1 data-ar=\"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629\" data-en=\"Free Percentage Calculator\">\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629<\/h1>\n <p data-ar=\"\u0627\u062d\u0633\u0628 \u0646\u0633\u0628\u0629 \u0627\u0644\u062e\u0635\u0645\u060c \u0627\u0644\u0636\u0631\u064a\u0628\u0629\u060c \u0627\u0644\u0631\u0628\u062d \u0644\u0623\u064a \u0645\u0628\u0644\u063a\" data-en=\"Calculate discount, tax, profit percentages\">\u0627\u062d\u0633\u0628 \u0646\u0633\u0628\u0629 \u0627\u0644\u062e\u0635\u0645\u060c \u0627\u0644\u0636\u0631\u064a\u0628\u0629\u060c \u0627\u0644\u0631\u0628\u062d \u0644\u0623\u064a \u0645\u0628\u0644\u063a<\/p>\n <\/div>\n\n <div class=\"lang-switcher\">\n <button class=\"lang-btn ar active\" onclick=\"switchLanguage('ar')\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/button>\n <button class=\"lang-btn en\" onclick=\"switchLanguage('en')\">English<\/button>\n <\/div>\n\n <div class=\"calculator\">\n <div class=\"input-group\">\n <label data-ar=\"\u0627\u0644\u0645\u0628\u0644\u063a:\" data-en=\"Amount:\">\u0627\u0644\u0645\u0628\u0644\u063a:<\/label>\n <div class=\"input-with-voice\">\n <input type=\"text\" id=\"baseNumber\" inputmode=\"decimal\" aria-label=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a\">\n <button class=\"voice-btn\" onclick=\"startVoiceInput('baseNumber')\" type=\"button\" data-ar=\"\ud83c\udfa4\" data-en=\"\ud83c\udfa4\" aria-label=\"\u0625\u062f\u062e\u0627\u0644 \u0635\u0648\u062a\u064a\">\ud83c\udfa4<\/button>\n <\/div>\n <\/div>\n\n <div class=\"input-group\">\n <label data-ar=\"\u0627\u0644\u0646\u0633\u0628\u0629 (%):\" data-en=\"Percentage (%):\">\u0627\u0644\u0646\u0633\u0628\u0629 (%):<\/label>\n <div class=\"input-with-voice\">\n <input type=\"text\" id=\"percentage\" inputmode=\"decimal\" aria-label=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629\">\n <button class=\"voice-btn\" onclick=\"startVoiceInput('percentage')\" type=\"button\" data-ar=\"\ud83c\udfa4\" data-en=\"\ud83c\udfa4\" aria-label=\"\u0625\u062f\u062e\u0627\u0644 \u0635\u0648\u062a\u064a\">\ud83c\udfa4<\/button>\n <\/div>\n <\/div>\n\n <button class=\"calculate-btn\" onclick=\"calculatePercentage()\" data-ar=\"\u0627\u062d\u0633\u0628 \u0627\u0644\u0646\u0633\u0628\u0629\" data-en=\"Calculate Percentage\">\u0627\u062d\u0633\u0628 \u0627\u0644\u0646\u0633\u0628\u0629<\/button>\n\n <div class=\"result\" id=\"result\">\n <h3 data-ar=\"\u0627\u0644\u0646\u062a\u064a\u062c\u0629:\" data-en=\"Result:\">\u0627\u0644\u0646\u062a\u064a\u062c\u0629:<\/h3>\n <div class=\"result-value\" id=\"resultValue\">0<\/div>\n <\/div>\n\n \n <div class=\"seo-content\" id=\"seoAr\">\n <h2 data-ar=\"\u0643\u064a\u0641\u064a\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629\" data-en=\"How to Use Percentage Calculator\">\u0643\u064a\u0641\u064a\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629<\/h2>\n <p data-ar=\"\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u062d\u0633\u0627\u0628 \u0627\u0644\u0646\u0633\u0628\u0629 \u0644\u0623\u064a \u0645\u0628\u0644\u063a. \u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0641\u064a \u0627\u0644\u062d\u0642\u0644 \u0627\u0644\u0623\u0648\u0644 \u062b\u0645 \u0623\u062f\u062e\u0644 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629 \u0641\u064a \u0627\u0644\u062d\u0642\u0644 \u0627\u0644\u062b\u0627\u0646\u064a \u0648\u0627\u0636\u063a\u0637 \u0627\u062d\u0633\u0628 \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0646\u062a\u064a\u062c\u0629.\" data-en=\"Free percentage calculator helps you calculate percentage for any amount. Enter amount in first field, percentage in second field, then press calculate to get results.\"><\/p>\n \n <div class=\"seo-questions\">\n <div class=\"seo-question\">\n <strong data-ar=\"\u0643\u064a\u0641 \u0627\u062d\u0633\u0628 \u0646\u0633\u0628\u0629 \u0627\u0644\u062e\u0635\u0645\u061f\" data-en=\"How to calculate discount percentage?\">\u0643\u064a\u0641 \u0627\u062d\u0633\u0628 \u0646\u0633\u0628\u0629 \u0627\u0644\u062e\u0635\u0645\u061f<\/strong>\n <p data-ar=\"\u0623\u062f\u062e\u0644 \u0633\u0639\u0631 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u0623\u0635\u0644\u064a \u0641\u064a \u062d\u0642\u0644 \u0627\u0644\u0645\u0628\u0644\u063a\u060c \u062b\u0645 \u0623\u062f\u062e\u0644 \u0646\u0633\u0628\u0629 \u0627\u0644\u062e\u0635\u0645 \u0641\u064a \u062d\u0642\u0644 \u0627\u0644\u0646\u0633\u0628\u0629.\" data-en=\"Enter original price in amount field, then enter discount percentage in percentage field.\"><\/p>\n <\/div>\n \n <div class=\"seo-question\">\n <strong data-ar=\"\u0643\u064a\u0641 \u0627\u062d\u0633\u0628 \u0646\u0633\u0628\u0629 \u0627\u0644\u0636\u0631\u064a\u0628\u0629\u061f\" data-en=\"How to calculate tax percentage?\">\u0643\u064a\u0641 \u0627\u062d\u0633\u0628 \u0646\u0633\u0628\u0629 \u0627\u0644\u0636\u0631\u064a\u0628\u0629\u061f<\/strong>\n <p data-ar=\"\u0623\u062f\u062e\u0644 \u0627\u0644\u0645\u0628\u0644\u063a \u0642\u0628\u0644 \u0627\u0644\u0636\u0631\u064a\u0628\u0629 \u0641\u064a \u0627\u0644\u062d\u0642\u0644 \u0627\u0644\u0623\u0648\u0644\u060c \u062b\u0645 \u0623\u062f\u062e\u0644 \u0646\u0633\u0628\u0629 \u0627\u0644\u0636\u0631\u064a\u0628\u0629 \u0641\u064a \u0627\u0644\u062d\u0642\u0644 \u0627\u0644\u062b\u0627\u0646\u064a.\" data-en=\"Enter amount before tax in first field, then enter tax percentage in second field.\"><\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"seo-content\" id=\"seoEn\" style=\"display:none\">\n <h2>How to Use Percentage Calculator<\/h2>\n <p>Our free percentage calculator helps you calculate percentage for any amount. Simply enter the amount in the first field, then enter the percentage in the second field, and press calculate to get instant results.<\/p>\n \n <div class=\"seo-questions\">\n <div class=\"seo-question\">\n <strong>How to calculate discount percentage?<\/strong>\n <p>Enter the original price in the amount field, then enter the discount percentage in the percentage field.<\/p>\n <\/div>\n \n <div class=\"seo-question\">\n <strong>How to calculate tax percentage?<\/strong>\n <p>Enter the amount before tax in the first field, then enter the tax percentage in the second field.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"examples\">\n <h4 data-ar=\"\u0623\u0645\u062b\u0644\u0629 \u0639\u0645\u0644\u064a\u0629:\" data-en=\"Practical Examples:\">\u0623\u0645\u062b\u0644\u0629 \u0639\u0645\u0644\u064a\u0629:<\/h4>\n <div class=\"example-item\" data-ar=\"\u25cf 20% \u0645\u0646 100 = 20 (\u0646\u0633\u0628\u0629 \u062e\u0635\u0645)\" data-en=\"\u25cf 20% of 100 = 20 (discount)\">\u25cf 20% \u0645\u0646 100 = 20 (\u0646\u0633\u0628\u0629 \u062e\u0635\u0645)<\/div>\n <div class=\"example-item\" data-ar=\"\u25cf 15% \u0645\u0646 200 = 30 (\u0646\u0633\u0628\u0629 \u0636\u0631\u064a\u0628\u0629)\" data-en=\"\u25cf 15% of 200 = 30 (tax)\">\u25cf 15% \u0645\u0646 200 = 30 (\u0646\u0633\u0628\u0629 \u0636\u0631\u064a\u0628\u0629)<\/div>\n <div class=\"example-item\" data-ar=\"\u25cf 10% \u0645\u0646 250 = 25 (\u0646\u0633\u0628\u0629 \u0631\u0628\u062d)\" data-en=\"\u25cf 10% of 250 = 25 (profit)\">\u25cf 10% \u0645\u0646 250 = 25 (\u0646\u0633\u0628\u0629 \u0631\u0628\u062d)<\/div>\n <\/div>\n\n <div class=\"voice-instructions\">\n <h5 data-ar=\"\u0645\u064a\u0632\u0629 \u0627\u0644\u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0635\u0648\u062a\u064a:\" data-en=\"Voice Input Feature:\">\u0645\u064a\u0632\u0629 \u0627\u0644\u0625\u062f\u062e\u0627\u0644 \u0627\u0644\u0635\u0648\u062a\u064a:<\/h5>\n <ul>\n <li data-ar=\"\u0627\u0636\u063a\u0637 \ud83c\udfa4 \u062b\u0645 \u062a\u0643\u0644\u0645 \u0628\u0627\u0644\u0631\u0642\u0645\" data-en=\"Press \ud83c\udfa4 then speak number\">\u0627\u0636\u063a\u0637 \ud83c\udfa4 \u062b\u0645 \u062a\u0643\u0644\u0645 \u0628\u0627\u0644\u0631\u0642\u0645<\/li>\n <li data-ar=\"\u064a\u062f\u0639\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629\" data-en=\"Supports Arabic & English\">\u064a\u062f\u0639\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Minimal JavaScript with SEO improvements\n let currentLanguage = 'ar';\n let recognition = null;\n let currentInput = null;\n\n \/\/ Update SEO content visibility\n function updateSeoContent() {\n document.getElementById('seoAr').style.display = currentLanguage === 'ar' ? 'block' : 'none';\n document.getElementById('seoEn').style.display = currentLanguage === 'en' ? 'block' : 'none';\n }\n\n \/\/ Number conversion\n const arabicToEnglishMap = {\n '\u0660':'0','\u06f0':'0','\u0661':'1','\u06f1':'1','\u0662':'2','\u06f2':'2','\u0663':'3','\u06f3':'3',\n '\u0664':'4','\u06f4':'4','\u0665':'5','\u06f5':'5','\u0666':'6','\u06f6':'6','\u0667':'7','\u06f7':'7',\n '\u0668':'8','\u06f8':'8','\u0669':'9','\u06f9':'9','\u066b':'.',',':'.'\n };\n\n function convertToEnglish(num) {\n return num.toString().split('').map(c => arabicToEnglishMap[c] || c).join('');\n }\n\n function getNumericValue(val) {\n if (!val) return null;\n const englishNum = convertToEnglish(val);\n const cleanNum = englishNum.replace(\/[^\\d.-]\/g, '');\n const num = parseFloat(cleanNum);\n return isNaN(num) ? null : num;\n }\n\n function setupInputValidation() {\n ['baseNumber', 'percentage'].forEach(id => {\n document.getElementById(id).addEventListener('input', function(e) {\n let val = e.target.value;\n val = val.replace(\/[^\\d\u0660\u0661\u0662\u0663\u0664\u0665\u0666\u0667\u0668\u0669\u06f0\u06f1\u06f2\u06f3\u06f4\u06f5\u06f6\u06f7\u06f8\u06f9.,]\/g, '');\n e.target.value = val.replace(\/,\/g, '.');\n });\n });\n }\n\n function initializeSpeechRecognition() {\n if (!(window.SpeechRecognition || window.webkitSpeechRecognition)) return null;\n recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)();\n recognition.continuous = false;\n recognition.interimResults = false;\n recognition.lang = currentLanguage === 'ar' ? 'ar-SA' : 'en-US';\n\n recognition.onstart = () => {\n const btn = document.querySelector(`[onclick=\"startVoiceInput('${currentInput}')\"]`);\n btn.classList.add('listening');\n };\n\n recognition.onresult = (e) => {\n const transcript = e.results[0][0].transcript;\n const numberMap = currentLanguage === 'ar' ? \n {'\u0635\u0641\u0631':0,'\u0648\u0627\u062d\u062f':1,'\u0627\u062b\u0646\u064a\u0646':2,'\u062b\u0644\u0627\u062b\u0629':3,'\u0627\u0631\u0628\u0639\u0629':4,'\u062e\u0645\u0633\u0629':5,'\u0633\u062a\u0629':6,'\u0633\u0628\u0639\u0629':7,'\u062b\u0645\u0627\u0646\u064a\u0629':8,'\u062a\u0633\u0639\u0629':9,'\u0639\u0634\u0631\u0629':10,'\u0645\u0627\u0626\u0629':100} :\n {'zero':0,'one':1,'two':2,'three':3,'four':4,'five':5,'six':6,'seven':7,'eight':8,'nine':9,'ten':10,'hundred':100};\n \n const cleanTranscript = transcript.trim().toLowerCase();\n let number = null;\n \n if (numberMap[cleanTranscript] !== undefined) {\n number = numberMap[cleanTranscript];\n } else {\n const numMatch = cleanTranscript.match(\/(\\d+(\\.\\d+)?)\/);\n if (numMatch) number = parseFloat(numMatch[1]);\n }\n \n if (number !== null) {\n document.getElementById(currentInput).value = number;\n }\n };\n\n recognition.onend = () => {\n const btn = document.querySelector(`[onclick=\"startVoiceInput('${currentInput}')\"]`);\n btn.classList.remove('listening');\n };\n\n return recognition;\n }\n\n function startVoiceInput(inputId) {\n currentInput = inputId;\n if (!recognition) recognition = initializeSpeechRecognition();\n if (!recognition) return;\n \n try {\n recognition.lang = currentLanguage === 'ar' ? 'ar-SA' : 'en-US';\n recognition.start();\n } catch(e) {}\n }\n\n function switchLanguage(lang) {\n currentLanguage = lang;\n document.querySelectorAll('.lang-btn').forEach(b => b.classList.remove('active'));\n event.target.classList.add('active');\n document.documentElement.dir = lang === 'ar' ? 'rtl' : 'ltr';\n document.documentElement.lang = lang;\n document.querySelectorAll('[data-ar], [data-en]').forEach(el => {\n el.textContent = el.getAttribute(`data-${lang}`) || el.textContent;\n });\n updateSeoContent();\n }\n\n function calculatePercentage() {\n const baseNum = getNumericValue(document.getElementById('baseNumber').value);\n const percent = getNumericValue(document.getElementById('percentage').value);\n \n if (baseNum === null || percent === null) {\n alert(currentLanguage === 'ar' ? '\u0623\u062f\u062e\u0644 \u0623\u0631\u0642\u0627\u0645 \u0635\u062d\u064a\u062d\u0629' : 'Enter valid numbers');\n return;\n }\n \n const result = (baseNum * percent) \/ 100;\n document.getElementById('resultValue').textContent = result.toFixed(2);\n document.getElementById('result').classList.add('active');\n \n \/\/ Simple animation\n const resultEl = document.getElementById('resultValue');\n resultEl.style.transform = 'scale(1.1)';\n setTimeout(() => resultEl.style.transform = 'scale(1)', 200);\n }\n\n \/\/ Initialize\n document.addEventListener('DOMContentLoaded', () => {\n setupInputValidation();\n initializeSpeechRecognition();\n updateSeoContent();\n \n \/\/ Enter key support\n document.getElementById('baseNumber').addEventListener('keypress', e => { if(e.key === 'Enter') calculatePercentage(); });\n document.getElementById('percentage').addEventListener('keypress', e => { if(e.key === 'Enter') calculatePercentage(); });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 | \u0627\u062d\u0633\u0628 \u0646\u0633\u0628\u0629 \u0623\u064a \u0645\u0628\u0644\u063a | Percentage Calculator \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u0627\u062d\u0633\u0628 \u0646\u0633\u0628\u0629 \u0627\u0644\u062e\u0635\u0645\u060c \u0627\u0644\u0636\u0631\u064a\u0628\u0629\u060c \u0627\u0644\u0631\u0628\u062d \u0644\u0623\u064a \u0645\u0628\u0644\u063a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 English \u0627\u0644\u0645\u0628\u0644\u063a: \ud83c\udfa4 \u0627\u0644\u0646\u0633\u0628\u0629 (%): \ud83c\udfa4 \u0627\u062d\u0633\u0628 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0646\u062a\u064a\u062c\u0629: 0 \u0643\u064a\u0641\u064a\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0645\u0626\u0648\u064a\u0629 \u0643\u064a\u0641 \u0627\u062d\u0633\u0628 \u0646\u0633\u0628\u0629 \u0627\u0644\u062e\u0635\u0645\u061f \u0643\u064a\u0641 \u0627\u062d\u0633\u0628 \u0646\u0633\u0628\u0629 \u0627\u0644\u0636\u0631\u064a\u0628\u0629\u061f How to Use Percentage Calculator Our free percentage […]<\/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-22","post","type-post","status-publish","format-standard","hentry","category-1"],"_links":{"self":[{"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts\/22","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=22"}],"version-history":[{"count":2,"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts\/22\/revisions"}],"predecessor-version":[{"id":49,"href":"https:\/\/hasabah.com\/index.php?rest_route=\/wp\/v2\/posts\/22\/revisions\/49"}],"wp:attachment":[{"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=22"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hasabah.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}