website - cevir/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Cevir</title>

    <!-- Google font -->
    <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,700" rel="stylesheet">
    <!-- Basic CSS file -->
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<div class="container">

    <div class="row">
        <div class="col-12">
            <small>
                Aradiginiz metin once Google ile Ingilizce'ye cevrilecek. Metin dili otomatik olarak belirleniyor,
                Turkce de olabilir Hollandaca da... Ingilizce sonuc ise Tureng'de tekrar Turkce'ye cevrilecek.
            </small>
        </div>
    </div>

    <div class="row">
        <div class="col-9">
            <input type="text" id="sourceText" name="sourceText" placeholder="Sozcuk"
                   onkeyup="translate({sourceText: document.querySelector('#sourceText').value})">
        </div>
        <div class="col-3">
            <input type="submit" value="Ara" onclick="translate({sourceText: document.querySelector('#sourceText').value})">
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <b>Google Ceviri: </b>
            <span id="translatedText"></span>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <b>Tureng:</b>
        </div>
    </div>

    <div class="row">
        <div class="col-12" id="results">
        </div>
    </div>
</div>

<script src="index.js"></script>
</body>
</html>