| | <!DOCTYPE html> |
| | <html lang="en" dir="ltr"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>Advanced Pinglish ↔ Persian Converter</title> |
| | <style> |
| | * { |
| | margin: 0; |
| | padding: 0; |
| | box-sizing: border-box; |
| | } |
| | |
| | body { |
| | font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; |
| | background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); |
| | min-height: 100vh; |
| | padding: 20px; |
| | } |
| | |
| | .container { |
| | max-width: 1200px; |
| | margin: 0 auto; |
| | background: rgba(255, 255, 255, 0.95); |
| | border-radius: 20px; |
| | padding: 30px; |
| | box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); |
| | backdrop-filter: blur(10px); |
| | } |
| | |
| | .header { |
| | text-align: center; |
| | margin-bottom: 30px; |
| | } |
| | |
| | .header h1 { |
| | color: #2d3748; |
| | font-size: 2.5rem; |
| | margin-bottom: 10px; |
| | background: linear-gradient(45deg, #667eea, #764ba2); |
| | -webkit-background-clip: text; |
| | -webkit-text-fill-color: transparent; |
| | background-clip: text; |
| | } |
| | |
| | .header p { |
| | color: #718096; |
| | font-size: 1.1rem; |
| | } |
| | |
| | .converter-section { |
| | display: grid; |
| | grid-template-columns: 1fr auto 1fr; |
| | gap: 20px; |
| | align-items: center; |
| | margin-bottom: 30px; |
| | } |
| | |
| | .input-section, .output-section { |
| | background: #f7fafc; |
| | border-radius: 15px; |
| | padding: 20px; |
| | border: 2px solid #e2e8f0; |
| | transition: all 0.3s ease; |
| | } |
| | |
| | .input-section:focus-within, .output-section:focus-within { |
| | border-color: #667eea; |
| | box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); |
| | } |
| | |
| | .section-title { |
| | font-weight: 600; |
| | color: #2d3748; |
| | margin-bottom: 10px; |
| | font-size: 1.1rem; |
| | } |
| | |
| | textarea { |
| | width: 100%; |
| | height: 150px; |
| | border: none; |
| | background: transparent; |
| | resize: vertical; |
| | font-size: 16px; |
| | font-family: inherit; |
| | outline: none; |
| | color: #2d3748; |
| | line-height: 1.5; |
| | } |
| | |
| | .persian-text { |
| | direction: rtl; |
| | text-align: right; |
| | font-family: 'B Nazanin', 'Tahoma', serif; |
| | font-size: 18px; |
| | } |
| | |
| | .swap-button { |
| | background: linear-gradient(45deg, #667eea, #764ba2); |
| | border: none; |
| | border-radius: 50%; |
| | width: 60px; |
| | height: 60px; |
| | color: white; |
| | font-size: 24px; |
| | cursor: pointer; |
| | transition: all 0.3s ease; |
| | box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3); |
| | } |
| | |
| | .swap-button:hover { |
| | transform: rotate(180deg) scale(1.1); |
| | box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4); |
| | } |
| | |
| | .controls { |
| | display: flex; |
| | justify-content: center; |
| | gap: 15px; |
| | margin-bottom: 20px; |
| | flex-wrap: wrap; |
| | } |
| | |
| | .btn { |
| | padding: 12px 24px; |
| | border: none; |
| | border-radius: 10px; |
| | font-weight: 600; |
| | cursor: pointer; |
| | transition: all 0.3s ease; |
| | font-size: 14px; |
| | } |
| | |
| | .btn-primary { |
| | background: linear-gradient(45deg, #667eea, #764ba2); |
| | color: white; |
| | } |
| | |
| | .btn-secondary { |
| | background: #e2e8f0; |
| | color: #4a5568; |
| | } |
| | |
| | .btn:hover { |
| | transform: translateY(-2px); |
| | box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); |
| | } |
| | |
| | .examples { |
| | background: #f0fff4; |
| | border-radius: 15px; |
| | padding: 20px; |
| | margin-top: 20px; |
| | border-left: 4px solid #48bb78; |
| | } |
| | |
| | .examples h3 { |
| | color: #2d3748; |
| | margin-bottom: 15px; |
| | font-size: 1.2rem; |
| | } |
| | |
| | .example-item { |
| | display: grid; |
| | grid-template-columns: 1fr auto 1fr; |
| | gap: 15px; |
| | margin-bottom: 10px; |
| | padding: 10px; |
| | background: white; |
| | border-radius: 8px; |
| | cursor: pointer; |
| | transition: all 0.2s ease; |
| | } |
| | |
| | .example-item:hover { |
| | background: #f7fafc; |
| | transform: translateY(-1px); |
| | } |
| | |
| | .example-pinglish { |
| | color: #2b6cb0; |
| | font-family: monospace; |
| | } |
| | |
| | .example-persian { |
| | color: #2d3748; |
| | direction: rtl; |
| | text-align: right; |
| | font-family: 'B Nazanin', 'Tahoma', serif; |
| | font-size: 16px; |
| | } |
| | |
| | .arrow { |
| | color: #718096; |
| | text-align: center; |
| | } |
| | |
| | .stats { |
| | display: flex; |
| | justify-content: space-around; |
| | margin-top: 20px; |
| | text-align: center; |
| | } |
| | |
| | .stat { |
| | background: rgba(102, 126, 234, 0.1); |
| | padding: 15px; |
| | border-radius: 10px; |
| | flex: 1; |
| | margin: 0 5px; |
| | } |
| | |
| | .stat-number { |
| | font-size: 1.5rem; |
| | font-weight: bold; |
| | color: #667eea; |
| | } |
| | |
| | .stat-label { |
| | color: #718096; |
| | font-size: 0.9rem; |
| | } |
| | |
| | .accuracy-info { |
| | background: #fff3cd; |
| | border: 1px solid #ffeeba; |
| | border-radius: 10px; |
| | padding: 15px; |
| | margin-bottom: 20px; |
| | color: #856404; |
| | } |
| | |
| | @media (max-width: 768px) { |
| | .converter-section { |
| | grid-template-columns: 1fr; |
| | gap: 15px; |
| | } |
| | |
| | .swap-button { |
| | width: 50px; |
| | height: 50px; |
| | font-size: 20px; |
| | justify-self: center; |
| | } |
| | |
| | .header h1 { |
| | font-size: 2rem; |
| | } |
| | |
| | .example-item { |
| | grid-template-columns: 1fr; |
| | gap: 5px; |
| | text-align: center; |
| | } |
| | |
| | .stats { |
| | flex-direction: column; |
| | gap: 10px; |
| | } |
| | } |
| | </style> |
| | </head> |
| | <body> |
| | <div class="container"> |
| | <div class="header"> |
| | <h1>Advanced Pinglish ↔ Persian Converter</h1> |
| | <p>Accurate conversion using Persian linguistics and common patterns</p> |
| | </div> |
| |
|
| | <div class="accuracy-info"> |
| | <strong>🎯 Enhanced Accuracy:</strong> This converter uses advanced Persian language patterns, context-aware rules, and a comprehensive word dictionary for more accurate results. |
| | </div> |
| |
|
| | <div class="converter-section"> |
| | <div class="input-section"> |
| | <div class="section-title" id="input-title">Pinglish Input</div> |
| | <textarea |
| | id="input-text" |
| | placeholder="Type your Pinglish text here... (e.g., salam doostam chetori?)" |
| | oninput="convertText()" |
| | ></textarea> |
| | </div> |
| |
|
| | <button class="swap-button" onclick="swapLanguages()" title="Swap languages"> |
| | ⇄ |
| | </button> |
| |
|
| | <div class="output-section"> |
| | <div class="section-title" id="output-title">Persian Output</div> |
| | <textarea |
| | id="output-text" |
| | class="persian-text" |
| | placeholder="Your converted text will appear here..." |
| | readonly |
| | ></textarea> |
| | </div> |
| | </div> |
| |
|
| | <div class="controls"> |
| | <button class="btn btn-primary" onclick="copyToClipboard()">📋 Copy Result</button> |
| | <button class="btn btn-secondary" onclick="clearAll()">🗑️ Clear All</button> |
| | <button class="btn btn-secondary" onclick="downloadText()">💾 Download</button> |
| | </div> |
| |
|
| | <div class="stats"> |
| | <div class="stat"> |
| | <div class="stat-number" id="char-count">0</div> |
| | <div class="stat-label">Characters</div> |
| | </div> |
| | <div class="stat"> |
| | <div class="stat-number" id="word-count">0</div> |
| | <div class="stat-label">Words</div> |
| | </div> |
| | <div class="stat"> |
| | <div class="stat-number" id="conversion-mode">Smart</div> |
| | <div class="stat-label">Mode</div> |
| | </div> |
| | </div> |
| |
|
| | <div class="examples"> |
| | <h3>💡 Example Conversions (Click to try)</h3> |
| | <div class="example-item" onclick="setExample('salam doostam chetori?', 'سلام دوستم چطوری؟')"> |
| | <div class="example-pinglish">salam doostam chetori?</div> |
| | <div class="arrow">→</div> |
| | <div class="example-persian">سلام دوستم چطوری؟</div> |
| | </div> |
| | <div class="example-item" onclick="setExample('man irani hastam va farsi harf mizanam', 'من ایرانی هستم و فارسی حرف میزنم')"> |
| | <div class="example-pinglish">man irani hastam va farsi harf mizanam</div> |
| | <div class="arrow">→</div> |
| | <div class="example-persian">من ایرانی هستم و فارسی حرف میزنم</div> |
| | </div> |
| | <div class="example-item" onclick="setExample('khosh amadid be khaneh man', 'خوش آمدید به خانه من')"> |
| | <div class="example-pinglish">khosh amadid be khaneh man</div> |
| | <div class="arrow">→</div> |
| | <div class="example-persian">خوش آمدید به خانه من</div> |
| | </div> |
| | <div class="example-item" onclick="setExample('emrooz havaye tehran che jorieh?', 'امروز هوای تهران چه جوریه؟')"> |
| | <div class="example-pinglish">emrooz havaye tehran che jorieh?</div> |
| | <div class="arrow">→</div> |
| | <div class="example-persian">امروز هوای تهران چه جوریه؟</div> |
| | </div> |
| | <div class="example-item" onclick="setExample('kheyli mamnoon az shoma', 'خیلی ممنون از شما')"> |
| | <div class="example-pinglish">kheyli mamnoon az shoma</div> |
| | <div class="arrow">→</div> |
| | <div class="example-persian">خیلی ممنون از شما</div> |
| | </div> |
| | </div> |
| | </div> |
| |
|
| | <script> |
| | |
| | const persianDictionary = { |
| | |
| | 'salam': 'سلام', |
| | 'doostam': 'دوستم', |
| | 'doost': 'دوست', |
| | 'chetori': 'چطوری', |
| | 'chetor': 'چطور', |
| | 'khoobi': 'خوبی', |
| | 'khoob': 'خوب', |
| | 'bad': 'بد', |
| | 'mamnoon': 'ممنون', |
| | 'merci': 'مرسی', |
| | 'tashakor': 'تشکر', |
| | 'khahesh': 'خواهش', |
| | 'bebakhshid': 'ببخشید', |
| | 'ozr': 'عذر', |
| | |
| | |
| | 'man': 'من', |
| | 'to': 'تو', |
| | 'shoma': 'شما', |
| | 'oo': 'او', |
| | 'un': 'اون', |
| | 'ma': 'ما', |
| | 'anha': 'آنها', |
| | 'unha': 'اونها', |
| | |
| | |
| | 'hastam': 'هستم', |
| | 'hasti': 'هستی', |
| | 'hastid': 'هستید', |
| | 'hast': 'هست', |
| | 'hastand': 'هستند', |
| | 'mizanam': 'میزنم', |
| | 'mizani': 'میزنی', |
| | 'mizanad': 'میزند', |
| | 'mizanim': 'میزنیم', |
| | 'mizanid': 'میزنید', |
| | 'mizanand': 'میزنند', |
| | 'miram': 'میرم', |
| | 'miri': 'میری', |
| | 'mirad': 'میرود', |
| | 'mirim': 'میریم', |
| | 'mirid': 'میرید', |
| | 'mirand': 'میروند', |
| | 'mikham': 'میخوام', |
| | 'mikhi': 'میخوای', |
| | 'mikhad': 'میخواد', |
| | 'mikhahim': 'میخواهیم', |
| | 'mikhahid': 'میخواهید', |
| | 'mikhahand': 'میخواهند', |
| | 'daram': 'دارم', |
| | 'dari': 'داری', |
| | 'darad': 'دارد', |
| | 'darim': 'داریم', |
| | 'darid': 'دارید', |
| | 'darand': 'دارند', |
| | |
| | |
| | 'kheyli': 'خیلی', |
| | 'besyar': 'بسیار', |
| | 'kam': 'کم', |
| | 'ziad': 'زیاد', |
| | 'bozorg': 'بزرگ', |
| | 'kochak': 'کوچک', |
| | 'jadid': 'جدید', |
| | 'ghadimi': 'قدیمی', |
| | 'ziba': 'زیبا', |
| | 'zesht': 'زشت', |
| | 'sard': 'سرد', |
| | 'garm': 'گرم', |
| | 'khoshgel': 'خوشگل', |
| | |
| | |
| | 'iran': 'ایران', |
| | 'tehran': 'تهران', |
| | 'isfahan': 'اصفهان', |
| | 'shiraz': 'شیراز', |
| | 'mashhad': 'مشهد', |
| | 'tabriz': 'تبریز', |
| | 'khaneh': 'خانه', |
| | 'madreseh': 'مدرسه', |
| | 'daneshgah': 'دانشگاه', |
| | 'bazar': 'بازار', |
| | 'park': 'پارک', |
| | 'cinema': 'سینما', |
| | 'restaurant': 'رستوران', |
| | |
| | |
| | 'emrooz': 'امروز', |
| | 'diruz': 'دیروز', |
| | 'farda': 'فردا', |
| | 'hala': 'حالا', |
| | 'alan': 'الان', |
| | 'vaght': 'وقت', |
| | 'saat': 'ساعت', |
| | 'rooz': 'روز', |
| | 'mah': 'ماه', |
| | 'sal': 'سال', |
| | 'sobh': 'صبح', |
| | 'zohr': 'ظهر', |
| | 'asr': 'عصر', |
| | 'shab': 'شب', |
| | |
| | |
| | 'farsi': 'فارسی', |
| | 'inglisi': 'انگلیسی', |
| | 'zaban': 'زبان', |
| | 'harf': 'حرف', |
| | 'kelam': 'کلام', |
| | 'ketab': 'کتاب', |
| | 'film': 'فیلم', |
| | 'musiqi': 'موسیقی', |
| | 'aks': 'عکس', |
| | 'dokhtaar': 'دختر', |
| | 'pesar': 'پسر', |
| | 'mard': 'مرد', |
| | 'zan': 'زن', |
| | 'pedar': 'پدر', |
| | 'madar': 'مادر', |
| | 'baradar': 'برادر', |
| | 'khahar': 'خواهر', |
| | 'aziz': 'عزیز', |
| | 'jan': 'جان', |
| | |
| | |
| | 'va': 'و', |
| | 'ya': 'یا', |
| | 'be': 'به', |
| | 'az': 'از', |
| | 'ba': 'با', |
| | 'dar': 'در', |
| | 'bar': 'بر', |
| | 'ta': 'تا', |
| | 'che': 'چه', |
| | 'agar': 'اگر', |
| | 'vali': 'ولی', |
| | 'pas': 'پس', |
| | 'yani': 'یعنی', |
| | |
| | |
| | 'khosh': 'خوش', |
| | 'amadid': 'آمدید', |
| | 'befarmayid': 'بفرمایید', |
| | 'lotfan': 'لطفاً', |
| | 'hatman': 'حتماً', |
| | 'albateh': 'البته', |
| | 'shayad': 'شاید', |
| | 'hargez': 'هرگز', |
| | 'hamisheh': 'همیشه', |
| | 'baziha': 'بعضیها', |
| | 'hameh': 'همه', |
| | 'hich': 'هیچ', |
| | 'kasi': 'کسی', |
| | 'chizi': 'چیزی', |
| | 'jaii': 'جایی', |
| | 'khodet': 'خودت', |
| | 'khodam': 'خودم', |
| | 'khoda': 'خدا', |
| | 'hafez': 'حافظ', |
| | 'ferdowsi': 'فردوسی', |
| | 'saadi': 'سعدی', |
| | 'rumi': 'رومی', |
| | |
| | |
| | 'hava': 'هوا', |
| | 'havaye': 'هوای', |
| | 'aftab': 'آفتاب', |
| | 'mah': 'ماه', |
| | 'setareh': 'ستاره', |
| | 'baran': 'باران', |
| | 'barf': 'برف', |
| | 'bad': 'باد', |
| | 'darya': 'دریا', |
| | 'koh': 'کوه', |
| | 'jangal': 'جنگل', |
| | 'gol': 'گل', |
| | 'derakht': 'درخت', |
| | |
| | |
| | 'ghaza': 'غذا', |
| | 'ab': 'آب', |
| | 'chai': 'چای', |
| | 'ghahveh': 'قهوه', |
| | 'shir': 'شیر', |
| | 'noon': 'نون', |
| | 'berenj': 'برنج', |
| | 'gosht': 'گوشت', |
| | 'morgh': 'مرغ', |
| | 'mahi': 'ماهی', |
| | 'sabzi': 'سبزی', |
| | 'miveh': 'میوه', |
| | 'sib': 'سیب', |
| | 'porteghal': 'پرتقال', |
| | 'angoor': 'انگور', |
| | 'hendevaneh': 'هندوانه', |
| | |
| | |
| | 'chi': 'چی', |
| | 'chera': 'چرا', |
| | 'chetor': 'چطور', |
| | 'key': 'کی', |
| | 'koja': 'کجا', |
| | 'kodum': 'کدوم', |
| | 'chand': 'چند', |
| | 'kam': 'کم', |
| | 'jorieh': 'جوریه', |
| | 'jori': 'جوری' |
| | }; |
| | |
| | |
| | const characterMap = { |
| | |
| | 'b': 'ب', 'p': 'پ', 't': 'ت', 's': 'س', 'j': 'ج', |
| | 'd': 'د', 'z': 'ز', 'r': 'ر', 'f': 'ف', 'k': 'ک', |
| | 'g': 'گ', 'l': 'ل', 'm': 'م', 'n': 'ن', 'h': 'ه', |
| | 'y': 'ی', 'v': 'و', 'w': 'و', |
| | |
| | |
| | 'kh': 'خ', 'gh': 'غ', 'ch': 'چ', 'sh': 'ش', 'zh': 'ژ', |
| | 'th': 'ث', 'dh': 'ذ', 'ss': 'ص', 'dd': 'ض', 'tt': 'ط', |
| | 'zz': 'ظ', 'aa': 'آ', |
| | |
| | |
| | 'a': 'ا', 'e': 'ه', 'i': 'ی', 'o': 'و', 'u': 'و', |
| | "'": 'ع', 'q': 'ق', 'x': 'کس' |
| | }; |
| | |
| | |
| | const persianToRoman = {}; |
| | Object.keys(persianDictionary).forEach(key => { |
| | persianToRoman[persianDictionary[key]] = key; |
| | }); |
| | |
| | let isPinglishToPersian = true; |
| | |
| | function convertText() { |
| | const input = document.getElementById('input-text').value; |
| | const output = document.getElementById('output-text'); |
| | |
| | if (isPinglishToPersian) { |
| | output.value = convertPinglishToPersian(input); |
| | output.className = 'persian-text'; |
| | } else { |
| | output.value = convertPersianToPinglish(input); |
| | output.className = ''; |
| | } |
| | |
| | updateStats(input, output.value); |
| | } |
| | |
| | function convertPinglishToPersian(text) { |
| | if (!text) return ''; |
| | |
| | |
| | let result = text.toLowerCase().trim(); |
| | |
| | |
| | const words = result.split(/(\s+|[.!?،؟])/); |
| | |
| | const convertedWords = words.map(word => { |
| | |
| | if (/^\s+$/.test(word) || /^[.!?،؟]+$/.test(word)) { |
| | return word === '?' ? '؟' : word === ',' ? '،' : word; |
| | } |
| | |
| | |
| | const cleanWord = word.replace(/[.!?،؟]/g, ''); |
| | |
| | |
| | if (persianDictionary[cleanWord]) { |
| | return persianDictionary[cleanWord]; |
| | } |
| | |
| | |
| | return convertCharacterByCharacter(cleanWord); |
| | }); |
| | |
| | return convertedWords.join('').replace(/\s+/g, ' ').trim(); |
| | } |
| | |
| | function convertCharacterByCharacter(word) { |
| | let result = ''; |
| | let i = 0; |
| | |
| | while (i < word.length) { |
| | let found = false; |
| | |
| | |
| | if (i < word.length - 1) { |
| | const digraph = word.substr(i, 2); |
| | if (characterMap[digraph]) { |
| | result += characterMap[digraph]; |
| | i += 2; |
| | found = true; |
| | } |
| | } |
| | |
| | |
| | if (!found) { |
| | const char = word[i]; |
| | if (characterMap[char]) { |
| | result += characterMap[char]; |
| | } else { |
| | result += char; |
| | } |
| | i++; |
| | } |
| | } |
| | |
| | return result; |
| | } |
| | |
| | function convertPersianToPinglish(text) { |
| | if (!text) return ''; |
| | |
| | |
| | const words = text.split(/(\s+|[.!?،؟])/); |
| | |
| | const convertedWords = words.map(word => { |
| | |
| | if (word === '؟') return '?'; |
| | if (word === '،') return ','; |
| | if (/^\s+$/.test(word) || /^[.!?،؟]+$/.test(word)) { |
| | return word; |
| | } |
| | |
| | |
| | const cleanWord = word.replace(/[.!?،؟]/g, ''); |
| | |
| | |
| | if (persianToRoman[cleanWord]) { |
| | return persianToRoman[cleanWord]; |
| | } |
| | |
| | |
| | return cleanWord.split('').map(char => { |
| | |
| | for (const [roman, persian] of Object.entries(characterMap)) { |
| | if (persian === char) { |
| | return roman; |
| | } |
| | } |
| | return char; |
| | }).join(''); |
| | }); |
| | |
| | return convertedWords.join('').replace(/\s+/g, ' ').trim(); |
| | } |
| | |
| | function swapLanguages() { |
| | isPinglishToPersian = !isPinglishToPersian; |
| | |
| | const inputTitle = document.getElementById('input-title'); |
| | const outputTitle = document.getElementById('output-title'); |
| | const inputText = document.getElementById('input-text'); |
| | const outputText = document.getElementById('output-text'); |
| | |
| | if (isPinglishToPersian) { |
| | inputTitle.textContent = 'Pinglish Input'; |
| | outputTitle.textContent = 'Persian Output'; |
| | inputText.placeholder = 'Type your Pinglish text here... (e.g., salam doostam chetori?)'; |
| | inputText.className = ''; |
| | outputText.className = 'persian-text'; |
| | } else { |
| | inputTitle.textContent = 'Persian Input'; |
| | outputTitle.textContent = 'Pinglish Output'; |
| | inputText.placeholder = 'متن فارسی خود را اینجا تایپ کنید...'; |
| | inputText.className = 'persian-text'; |
| | outputText.className = ''; |
| | } |
| | |
| | |
| | const temp = inputText.value; |
| | inputText.value = outputText.value; |
| | outputText.value = temp; |
| | |
| | convertText(); |
| | } |
| | |
| | function updateStats(input, output) { |
| | document.getElementById('char-count').textContent = input.length; |
| | document.getElementById('word-count').textContent = input.trim() ? input.trim().split(/\s+/).length : 0; |
| | } |
| | |
| | function setExample(pinglish, persian) { |
| | const inputText = document.getElementById('input-text'); |
| | if (isPinglishToPersian) { |
| | inputText.value = pinglish; |
| | } else { |
| | inputText.value = persian; |
| | } |
| | convertText(); |
| | } |
| | |
| | function copyToClipboard() { |
| | const output = document.getElementById('output-text'); |
| | output.select(); |
| | document.execCommand('copy'); |
| | |
| | |
| | const btn = event.target; |
| | const originalText = btn.textContent; |
| | btn.textContent = '✅ Copied!'; |
| | btn.style.background = '#48bb78'; |
| | setTimeout(() => { |
| | btn.textContent = originalText; |
| | btn.style.background = ''; |
| | }, 2000); |
| | } |
| | |
| | function clearAll() { |
| | document.getElementById('input-text').value = ''; |
| | document.getElementById('output-text').value = ''; |
| | updateStats('', ''); |
| | } |
| | |
| | function downloadText() { |
| | const output = document.getElementById('output-text').value; |
| | if (!output) return; |
| | |
| | const blob = new Blob([output], { type: 'text/plain;charset=utf-8' }); |
| | const url = URL.createObjectURL(blob); |
| | const a = document.createElement('a'); |
| | a.href = url; |
| | a.download = isPinglishToPersian ? 'persian_text.txt' : 'pinglish_text.txt'; |
| | document.body.appendChild(a); |
| | a.click(); |
| | document.body.removeChild(a); |
| | URL.revokeObjectURL(url); |
| | } |
| | |
| | |
| | convertText(); |
| | </script> |
| | </body> |
| | </html> |
