Cara Membuat Input dan Output menggunakan Javascript

                                        
Halo semua, kali ini saya akan memposting sebuah tutorial yang diajarkan oleh dosen saya tentang Input dan Output menggunakan Javascript. KLIK GAMBAR UNTUK MEMPERBESAR !!!

Pertama - tama kita membuat file bernama inputoutput.html (Perlu diketahui bahwa saya menggunakan aplikasi notepad++ )

Lalu, buatlah label dan juga textbox seperti gambar ini :

Pengertian tag input type : Untuk menentukan inputan apa yang akan kita gunakan semisal TEXT berguna untuk inputan berjenis text jadi hanya menampilkan jenis text. Dan untuk kegunaan id sendiri selain untuk memudahkan manipulasi elemen input di sisi browser, dengan menggunakan JavaScript, dengan adanya id kita bisa mendefinisikan hubungan antara label dan inputan. Dan untuk kegunaan disable pada inputan output berfungsi untuk menonaktifkan textbox nya. Untuk disable sendiri bisa tidak digunakan karena tidak wajib.

Setelah membuat inputan diatas maka hasil nya akan seperti ini :

Sekarang mari kita membuat JavaScript nya :


Ketikan kode diatas tepat dibawah tittle. Untuk Function InputOutput() berarti menjabarkan sebuah fungsi yang akan dieksekusi oleh InputOutput(). Untuk var sendiri berarti variable, dan x adalah variable yang akan digunakan untuk menampung isi value inputan dan mengeluarkannya di inputan yang telah kita buat diawal, yaitu "txtInput dan txtOutput". getElementById digunakan untuk mengambil suatu value dari form input yang pastinya dari element HTML dimana element tersebut sudah kita buatkan id. Dan value berfungsi untuk mengambil isi inputan.

Hasil akhir dari pengerjaan kita ini seperti berikut :

Isikan textbox input menggunakan kata apa saja, lalu klik submit, maka pada box output akan terisi sama dengan apa yang kita masukan pada box input.

Nah, mudah kan membuat JavaScript untuk Input Output.