अनुवादक सरल

संपादक में खोलें Video अपना कोड प्रकाशित करें

अनुशंसित

13 April 2024

निःशुल्क सरल HTML लॉगिन फ़ॉर्म

HTML

<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>

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>

अनुवादक सरल

अनुशंसित

सरल सीएसएस कार्ड

लॉगिन पासवर्ड सरल

निःशुल्क सरल HTML लॉगिन फ़ॉर्म

HTML

CSS

JS

अनुशंसित

सरल सीएसएस कार्ड

लॉगिन पासवर्ड सरल

निःशुल्क सरल HTML लॉगिन फ़ॉर्म

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS