Cara Menampilkan Text Berdasarkan Tag Html Menggunakan Javascript
Haloo, balik lagi ditutorial pemrograman web Source Code Aplikasi, di artikel sebelumnya telah membahas mengenai cara menambahkan data menggunakan jQuery, nah kali ini kita akan bergeser membahas mengenai JavaScript, yakni mengenai Bagaimana Cara Menampilkan Text Berdasarkan Tag Html Menggunakan Javascript,
oke di pembahasan ini kita akan bermain dengan namanye Tag di html yang akan kita gunakan selaku rujukan pada menampilkan sebuah data atau mengganti sebuah element yang telah ada, idenya kita akan merancang sebuah text bertuliskan Source Code Aplikasi, ketika School yang kita klik karenanya akan berubah menjadi sebuah kalimat “Terbaik dan Nomor Satu” kira kira seperti itu yah, lumayan menarik yah bagi kita bahas, oke kita seketika saja mulia bagi tempur dengan koding heheheheh … oke saya pastikan teman teman telah didepan komputer masing masing dan telah membuka text editornya yah, jikalau segala telah oke kini coba buatkan sebuah file baru bernama index.html lalu tambahkan scriptnya selaku 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= balik lagi ditutorial pemrograman web Source Code Aplikasi Cara Menampilkan Text Merujuk pada Tag Html Menggunakan Javascript>
<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 !;
}
Kalau telah disave dan coba jalankan dibrowsernya, jikalau berhasil ketiak teman teman mengklik School di text karenanya kata “School” akan berubah menjadi “Terbaik dan Nomor Satu!” oke lumayan gampang bukan? Demikianlah panduan mengenai Bagaimana Cara Menampilkan Text Berdasarkan Tag Html Menggunakan Javascript, hingga bertemu diartikel berikutnya dan hingga jumpa.
#KeepLearn
#IsmetMA
Sumber https://kursuswebsite.org
