Hai, balik lagi ditutorial pemrograman web Dumet School, di artikel sebelumnya sudah membahas tentang cara menambahkan data menggunakan jQuery, nah kali ini kita akan bergeser membahas tentang JavaScript, yakni tentang Bagaimana Cara Menampilkan Text Berdasarkan Tag Html Menggunakan Javascript,
oke pada pembahasan ini kita akan bermain dengan namanye Tag pada html yang akan kita pakai sebagai acuan dalam menampilkan sebuah data atau mengganti sebuah element yang sudah ada, idenya kita akan membuat sebuah text bertuliskan Dumet School, ketika School yang kita klik maka akan berubah menjadi sebuah kalimat “Terbaik dan Nomor Satu” kira kira seperti itu yah, cukup menarik yah untuk kita bahas, oke kita langsung saja mulia untuk tempur dengan koding heheheheh … oke saya pastikan teman teman sudah didepan komputer masing masing dan sudah membuka text editornya yah, jika semua sudah oke sekarang coba buatkan sebuah file baru bernama index.html lalu tambahkan scriptnya sebagai berikut :
<html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <img src="https://i.pinimg.com/originals/0f/12/d3/0f12d3c1434644d94682cf11b31e7d39.jpg" alt=""> <h4>Hallo Dumet <small> School </small> Web and Mobile Training </h4> </body> </html>
var classClick = document.getElementsByTagName("small");
classClick[0].onclick = function(){
this.innerHTML = "Terbaik dan Nomor Satu !";
}
Jika sudah disave dan coba jalankan dibrowsernya, jika berhasil ketiak teman teman mengklik School pada text maka kata “School” akan berubah menjadi “Terbaik dan Nomor Satu!” oke cukup mudah bukan? Sekian tutorial tentang Bagaimana Cara Menampilkan Text Berdasarkan Tag Html Menggunakan Javascript, sampai bertemu diartikel selanjutnya dan sampai jumpa.
#KeepLearn
#IsmetMA