index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mando Speaks</title>
<link rel="stylesheet" href="/styles.css">
</head>

<body>
    <h1>Translate to Mandalorian</h1>
    
<main class="main-content">
    <img class="main-image" src="https://c4.wallpaperflare.com/wallpaper/301/713/298/the-mandalorian-star-wars-baby-yoda-fantasy-art-hd-wallpaper-preview.jpg" alt="Mandalorian image">

    <textarea placeholder="Please enter your text in English" id="txt-input" cols="30" rows="10"></textarea>
    <button id="btn-translate">Translate</button>
    <div id= "output"></div>
</main>
    <script src="/app.js">
        type = "text/javascript"
    </script>
</body>

</html>