Cara menggunakan OUTPU di JavaScript

Artikel ini adalah salah satu artikel dari seri Belajar Javascript Dasar. Kali ini kita akan belajar bagaimana menampilkan output dan menerima input dalam javascript. Secara umum javascript dapat menerima semua masukan dari berbagai elemen form HTML, namun untuk saat ini materi kita belum sampai kesana. jadi sekarang kita akan menggunakan script prompt() sebagai input dari javascript

    
    Say Greeting


    
Selamat datang para pelajar
    

Perhatikan kembali script diatas, pada script diatas secara default kita menyembunyikan teks selamat datang menggunakan css (style=”display. tidak ada"). lalu di bagian bawah body kita sisipkan srcipt untuk memanggil fungsi inputName(). Fungsi ini berisi masukan menggunakan fungsi prompt, dimana akan muncul popup dialog seperti di bawah ini. coba isi dengan nama anda sendiri, lalu lihat apa yang terjadi. Jika teks selamat datang muncul, maka kita telah berhasil mempelajari salah satu input javascript

Keluaran JavaScript

Pada materi di atas, dan materi sebelumnya, secara tidak langsung kita sudah mencoba mengeluarkan input melalui javascript ke dalam elemen html dengan menggunakan metode innerHTML. Kali ini kami akan menjelaskan fungsi lain yang sering digunakan untuk menghasilkan output dari input javascript. Fungsinya adalah sebagai berikut

• innerHTML. tulis keluaran ke dalam tag/elemen HTML
• dokumen. menulis(). tulis hasilnya ke halaman HTML
• jendela. peringatan(). tulis hasilnya ke peringatan popup
• menghibur. catatan(). tulis hasilnya ke browser konsol. Metode ini sering digunakan ketika kita melakukan debugging pada suatu proses

untuk memahami semua contoh di atas, perhatikan sintaks di bawah ini

Lihat script di atas, lalu coba klik tab HTML. Pada kasus diatas, kita tidak menulis apapun pada halaman HTML, kita menulis semua teks dalam javascript menggunakan metode document. menulis(). Pada contoh diatas, script akan secara otomatis menghitung umur kita dengan rumus tahun berjalan new Date(). getFullYear() dikurangi tahun kelahiran
Mari kita amati contoh selanjutnya

Pada script diatas, ketika kita klik tombol 'click me' maka akan muncul popup text. Munculan dipanggil melalui fungsi sayGreeting() yang disisipkan dalam acara onlick

Fungsi keluaran terakhir di JavaScript yang akan kita bahas hari ini adalah konsol. log. Keluaran ini berfungsi sebagai log dan hanya dapat dilihat di browser konsol. Untuk mengetahui apa itu console browser mari kita download terlebih dahulu browser chrome atau firefox kemudian buat script seperti contoh dibawah ini lalu simpan dengan nama console. html

      
      greet


      
      Click Me
         

jalankan/buka file diatas menggunakan browser yang kita download tadi. klik kanan pada browser anda, lalu pilih inspect element. Di bagian bawah halaman akan muncul tab seperti gambar di bawah ini. pilih tab console, lalu coba isi form diatas dan klik tombol yang sudah disediakan. pastikan hasilnya seperti di bawah ini

Selamat. telah kita pelajari selama ini. Itulah penjelasan singkat tentang input/output pada javascript. Jika ada beberapa materi yang kurang dimengerti atau jika ada beberapa pertanyaan yang ingin ditanyakan, silahkan kirim komentar dibawah. Selamat belajar dan tetap semangat. ^_^

Menggunakan perintah dokumen. write() dapat melakukan pemuatan penuh dan menghapus seluruh dokumen dengan yang baru

Contoh Kode

	
	Contoh Halaman Web
	
Belajar menghapus JavaScript...
	Klik ini
	

Keluaran Kode

setelah di klik...maka yg ada hanya angka 11

3. Menggunakan Perintah innerHTML

Untuk mengakses suatu elemen HTML pada JavaScript dapat menggunakan metode document. getElementById(id). Atribut id mendefinisikan elemen HTML. Properti innerHTML mendefinisikan konten HTML

Contoh Kode

    
    Contoh Halaman Web
    
Belajar javascript enak sekali...
    
    
    
    
    

Keluaran Kode

Untuk menampilkan data dalam HTML, biasanya Anda akan menetapkan nilai properti innerHTML

4. Menggunakan perintah konsol. catatan()

Di browser, Anda dapat menggunakan metode konsol. log() untuk menampilkan data

Contoh Kode

    
    Contoh Halaman Website
    
Belajar javascript asik...
    
Untuk melihat hasilnya perlu mode debugging dengan tekan F12 pada browser. Lalu pilih Console bro
    
    

Keluaran Kode

Itulah tutorial pemrograman JavaScript tentang cara menampilkan output JavaScript. Selanjutnya kita akan membahas penggunaan sintaks pada JavaScript. Semoga tutorial ini bermanfaat dan terima kasih

Apa itu keluaran JavaScript?

Apa itu innerHTML dalam JavaScript?

Bagaimana cara membuat fungsi dalam JavaScript?

Apa fungsi alert() dalam JavaScript?