Memilih Elemen HTML pada JavaScript dan mengetahui Type Data String JavaScript
Saturday, October 26, 2019
Edit
Memilih Elemen HTML pada JavaScript dan mengetahui Tipe Data String JavaScript
Kali ini penulis akan memberikan cara memilih elemen html pada javascript dan mengetahui tipe data string pada javascript.
langsung simak saja penjelasannya di bawah ini.. baca sampai akhir biar tau..!!!
Memilih Elemen (Selector) HTML pada Javascript intinya seperti selector pada CSS yaitu bisa menggunakan nama Class, nama ID, atau tag HTML. Tujuan dari memilih elemen HTML ini bisanya untuk mengubah atau menambahkan sesuatu pada elemen yang dipilih. Misalnya merubah nilai value tertentu, Menambah atribut tertentu, hingga menambahkan tag HTML lainnya. Untuk memilih elemen HTML pada JavaScript caranya sebagai berikut.
Menggunakan ID
Berikut cara memilih element dengan menggunakan ID
<html>
<body>
<p id="paragraf">menulis kode javascript</p>
<script>
document.getElementByld("paragraf").style.color='red';
</script>
</body>
</html>
Menggunakan Nama class<html>
<body>
<p id="paragraf">menulis kode javascript</p>
<script>
document.getElementByld("paragraf").style.color='red';
</script>
</body>
</html>
Berikut cara memilih element dengan menggunakan nama class
<html>
<body>
<p class="paragraf"></p>
<p class="paragraf"></p><script>
document.getElementsByClassName("paragraf")[0].innerHTMl ="paragraf 1";
document.getElementsByClassName("paragraf")[1].innerHTMl ="paragraf 2";
</script>
</body>
</html>
Menggunakan Nama tag HTML
Berikut cara memilih element dengan menggunakan nama tag HTML
<html>
<body>
<p></p>
<p></p>
<script>
document.getElementByTagName("p")[0].innerHTML ="paragraf 1";
document.getElementByTagName("p")[1].innerHTML ="paragraf 2";
</script>
</body>
</html>
Baca Juga:
- Membuat Paragraf, Line Break, Align dan Pemformatan Texs di HTML
- Pengenalan HTML & Tag HTML untuk pemula Gampang di pahami
Mengetahui Type Data String JavaScript
Type data string pada javascript yaitu type data yang menampung text atau kalimat berupa karakter tertentu, kata-kata, atau kalimat yang kita gunakan sehari-hari. Untuk menggunakan type data string kita memerlukan tanda kutip diawal text atau kalimat dan juga diakhiri text atau kalimat.
Contoh:
<html>
<body>
<p></p>
<p></p><html>
<body>
<p></p>
<script>
var text1 ='belajar javascript';
var text2 ='belajar javascript html';
document.getElementByTagName("p")[0].innerHTML =text1;
document.getElementByTagName("p")[1].innerHTML =text2;
</script>
</body>
</html>
Operasi String
Penggunaan operator operasi string bertujuan untuk menambahkan (menyambung) string satu dengan string lainnya. Untuk cara menyambungkan string satu dengan setring yang lainnya kita dapat menggunakan operator tambah (+).
Contoh:
<html>
<body>
<p></p>
<p></p>
<script>
var text1 ='belajar javascript';
var text2 ='belajar javascript html';
var gabung1 =text1+text2;
var gabung2 =text1+ "dengan" + text2;
document.getElementByTagName("p")[0].innerHTML =gabung1;
document.getElementByTagName("p")[1].innerHTML =gabung2;
</script>
</body>
</html>
Gimana teman-teman mudeng opo mubeng :), heheheh, gak apa-apa sedikit2 saya dulu juga gitu ini tulisan apa gak paham tapi rasa keingin tahuan saya itu besar sekali. lalu saya mencoba terus untuk memahami dan akhirnya ya bisa dibilang paham lah artinya. Nah itulah tadi penjelasan mengenai
Memilih Elemen HTML pada JavaScript dan mengetahui Type Data String JavaScript
Semoga bermanfaat Trimakasih.