cara mudah membuat input & output menggunakan javascript

halooo ,  kali ini saya akan memposting cara input & output menggunakan javascript



pertama-tama kita membuat file baru dengan carainputoutput.html



lalu , kita buat label dan juga textbox seperti di bawah ini :

pengertian tag input : untuk menentukan inputan yang harus kita gunakan misal TEXT berguna untuk menampilkan jenis text dan kegunaan id sendiri bisa manipulasi elemen input disisi browser dengan adanya id kita bisa mendefisinikan hubungan antara label dan inputan


setelah kita membuat akan muncul gambar seperti ini :



sekarang mari kita buat javascript nya :

untuk funcation input output berarti menjabarkan sebuah fungsi yang akan ditampikan oleh inpu output .
x adalah variable yang akan digunakan untuk menerima isi value inputan dan outputan yang kita telah buat yaitu : "txtInput dan txt Output" getElementById digunakan untuk mengambil from value dari vrom input dari element HTML dimana element tersebut sudah kita buat id .kalau value berfungsi untuk mengambil isi inputan.

hasil akhir akan muncul gambar seperti ini :



isikan textbox dengan menggunaka kata atau huruf apa saja , lalu klick submit maka akan terisi sama yang dengan apa yang kita masukan pada box input.

siipp, mudah kan membuat javascript InputOutput.

Komentar