Cara menampilkan isi value form input dengan javascript

,

Belajar javascript itu susah susah gampang , kalo kita memang ingin bisa kita harus lebih giat berlatih, pada pertemuan kali ini kita akan membuat file

javascript menampilkan value input, bila kita ketik text di form input dan klik button maka value di input tsb akan di tampilkan diatasnya. oke langsung saja

kodenya.


<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="application/vnd.wap.xhtml+xml; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title> Cara menampilkan isi value input dengan javascript - VeriAsha </title>
<script>
function proses(){
var input = document.getElementById('input');
var hasil = document.getElementById('hasil');
hasil.innerHTML = input.value;
}
</script>
</head>
<body>
<div id="hasil"></div>
<form>
<input id="input" type="text"/>
<input onclick="proses()" type="button" value="Tampilkan"/>
</form>
</body>
</html>


DEMO:


kita bahas kodenya yah.
function proses()
itu kode perintah ketika button dengan di klik, dan di tag button kita harus kasih tag onclick
onclick="proses()"
var input = document.getElementById('input');
itu variable javascript, jadi kita akan lebih mudah dalam penulisan kode selanjutnya.
jika kita akan membuat variable kita harus menulis "var" di depan variable tersebut.
dan kalo kode sperti diatas berarti "input" sama saja dengan selector yang mempunyai id "input"
selanjutnya hasil.innerHTML = input.value;
itu kode perintah bahwa selector dengan id hasil akan menampilkan isi dari input form.
selesai, semoga bisa dipahami.

Tidak ada komentar:

Posting Komentar

Maaf, fitur koment hanya untuk pengguna akun goggle saja.
Dikarenakan untuk meminimalisir komentar spam.