Untitled

<!DOCTYPE html>
<html>
<head>
    <title>Interface dengan JS</title>
    <link rel="stylesheet" type="text/css" href="interface.css">
    <link href="https://fonts.googleapis.com/css?family=Bree+Serif&display=swap" rel="stylesheet">
</head>
<body>
    <p id="coba">
        <input class="tulis" type="text" name="nilai">
        <input type="button" id="btnAmbilNilai" value="Ambil Nilai" onclick="ambilNilai();">
        <input class="tulis" type="text" name="hasil">
        <script type="text/javascript" language="javascript">
            function ambilNilai() {
                //mengambil obyek input text pertama
                var obj1 = document.getElementsByTagName('input') [0];
                //mengambil obyek input button
                var obj2 = document.getElementsByTagName('input') [1];
                //mengambil obyek input text kedua
                var obj3 = document.getElementsByTagName('input') [2];
                //mengambil nilai input text pertama dan button
                var s1 = obj1.value;
                var s2 = obj2.value;
                //menampilkan nlai pada input text kedua
                obj3.value = s1 + " " + s2;
            }
        </script>
    </p>
</body>
</html>