Untitled

<!DOCTYPE html>
<html>
<head>
    <title>Interface dengan JS (M. Hafidz Fadillah -  XI RPL 2)</title>
    <link rel="stylesheet" type="text/css" href="interface.css">
</head>
<div class="bgtest">
<body>
<p id="coba">
<input type="text" name="nilai">
<input type="button" id="btnAmbilNilai" value="Ambil Nilai" onclick="ambilNilai();"/>
<input type="type" name="text" name="hasil" />
<script language="javascript" type="text/javascript">
function ambilNilai() {
//mengambil obyek input text pertama
var obj1 = document.getElementByTagName('input')[0];
//mengambil obyek input button
var obj2 = document.getElementByTagName('input')[1];
//mengambil obyek input text kedua
var obj3 = document.getElementByTagName('input')[2];
//mengambil nilai input text pertama dan button
var s1 = obj1.value;
var s2 = obj2.value;
//menampilkan nilai pada input text kedua
obj3.value = s1+s2;
}
</script>
</p>
</body>
</div>
</html>