Traducteur simple

972 Moise

Ouvrir dans l'éditeur Publiez votre code

Recommandé

5 June 2024

Formulaire de connexion HTML simple et gratuit

17 September 2024

Connexion simple

18 June 2023

Formulaire de connexion simple

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>

Traducteur simple

Recommandé

Formulaire de connexion HTML simple et gratuit

Connexion simple

Formulaire de connexion simple

HTML

CSS

JS

Recommandé

Formulaire de connexion HTML simple et gratuit

Connexion simple

Formulaire de connexion simple

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS