Webleb - Snippets de Código -

Abrir no Editor Video Publique Seu Código

Recomendado

18 November 2025

Trecho de animação de neurônio 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>

Recomendado

Metehan

Um código por carab5256

Trecho de animação de neurônio HTML

HTML

CSS

JS

Recomendado

Metehan

Um código por carab5256

Trecho de animação de neurônio HTML

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS