Hallo teman-teman Dumet School. Kembali lagi dengan saya Shelli Ripati di Kursus Web Design. Kali ini saya akan membahas tentang cara Menampilkan Text Sesuai Yang Dipilih Menggunakan Event Onclick pada javascript. Event onclick pada javascript berfungsi untuk mengeksekusi perintah yang kita buat di javascript ketika kita mengklik sebuah tombol atau tag html lainnya.

Langkah pertama untuk Menampilkan Text Sesuai Yang Dipilih Menggunakan Event Onclick yaitu membuat struktur htmlnya terlebih dahulu. Silahkan teman-teman ketik atau copy kode html berikut ini.

Jika sudah selesai maka teman-teman bisa lanjutkan untuk membuat javascriptnya. Buat dalam satu file dengan html yang sudah teman-teman buat tadi dan letakkan sebelum penutup tag body. Berikut scriptnya ya teman-teman.

Oke teman-teman, jika sudah selesai maka jangan lupa di simpan dengan format htmlnya. Lalu teman-teman bisa tampilkan di browser masing-masing. Dan tampilannya akan tampak seperti pada gambar di bawah ini ya.

Menampilkan Text Sesuai Yang Dipilih Menggunakan Event Onclick pada Javascript

Nah disini teman-teman bisa perhatikan kodingan dan gambar tampilannya. Dimana pada javascriptnya saya membuat function dan saya ambil nilai dengan menggunakan innerText berdasarkan nama pada event onclicknya yang sudah saya berikan disetiap tombol pada html. Jika tombol itu diklik maka akan muncul text di tag p pada html sesuai dengan tombol yang sudah kita klik.

Demikian artikel tentang cara Menampilkan Text Sesuai Yang Dipilih Menggunakan Event Onclick pada Javascript. Sampai bertemu lagi di pembahasan selanjutnya ya teman-teman. Semoga bisa bermanfaat dan selamat mencoba.