WEBLEB
होम
संपादक
लॉग इन करें
Pro
हिंदी
English
Français
Español
Português
Deutsch
Italiano
हिंदी
सिम्पल ट्रांसलेटर एप्लिकेशन (इंग्लिश से उर्दू)
3169
Huzaifa
संपादक में खोलें
अपना कोड प्रकाशित करें
अनुशंसित
21 August 2025
हृदय रोग विशेषज्ञ डॉ. यिलमाज़: हृदय देखभाल और हृदय रोग सेवाएँ
19 March 2025
शुद्ध CSS3 स्टार वार्स लाइटसेबर चेकबॉक्स
1 August 2023
सिम्पल लॉगिन फॉर्म
HTML
Copy
<html> <head> <title>AI Translator App</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <div class="container mt-5"> <h1 class="text-center mb-4">AI Translator App</h1> <div class="row justify-content-center"> <div class="col-6"> <div class="mb-3"> <label for="englishText" class="form-label">Enter English Text:</label> <input type="text" class="form-control" id="englishText" placeholder="Type English text here..."> </div> <button class="btn btn-primary" onclick="translateText()">Translate</button> </div> </div> <div class="row mt-4 justify-content-center"> <div class="col-6"> <div class="mb-3"> <label for="urduTranslation" class="form-label">Urdu Translation:</label> <input class="form-control" id="urduTranslation" rows="3" readonly /> </div> </div> </div> </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js"></script> <script> function translateText() { const englishText = document.getElementById('englishText').value; const url = `https://translate.googleapis.com/translate_a/single?client=gtx&sl=en&tl=ur&dt=t&q=${encodeURI(englishText)}`; fetch(url) .then(response => response.json()) .then(data => { const urduTranslation = data[0][0][0]; document.getElementById('urduTranslation').value = urduTranslation; }) .catch(error => console.error('Error:', error)); } </script> </body> </html>
CSS
Copy
/* Replace with your CSS Code (Leave empty if not needed) */
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */
