DASAR JAVASCRIPT - PENEMPATAN KODE DAN MENAMPILKAN DATA
Contoh :
<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>
Ada 4 cara untuk penempatan kode JavaScript :
- Antara tag <head> </head> => kode javascript ditempatkan diantara tag head pada HTML
- Antara tag <body> <body> => kode javascript ditempatkan diantara tag body pada HTML
- Eksternal JavaScript => membuat file dengan ekstensi .js untuk nantinya di panggil di halaman HTML dengan atribut src.
- Referensi Eksternal => Skrip eksternal dapat dirujuk dengan URL lengkap atau dengan path relatif ke halaman web saat ini.
Untuk menampilkan data pada javascript dapat menggunakan :
.innnerHTML
Menulis menjadi elemen HTML menggunakan innerHTML. contoh :
<script>
document.getElementById("demo").innerHTML = 11 + 2;
</script>
document.getElementById("demo").innerHTML = 11 + 2;
</script>
document.write()
Menulis ke dalam output HTML menggunakan document.write(), contoh :
<script>
document.write(5 + 6);
</script>
document.write(5 + 6);
</script>
window.alert()
Menampilkan hasil dalam bentuk kotak peringatan, contoh:
<script>
window.alert(5 + 6);</script>
window.alert(5 + 6);</script>
console.log()
Untuk debugging, kita dapat menggunakan console.log() untuk menampilkan data, contoh:
<script>
console.log(5 + 6);</script>
console.log(5 + 6);</script>
Untuk melihat hasilnya, pada web browser, klik kanan pilih inspect element.
Ok guys, kita mulai dari dasar-dasarnya aja ya, learning by doing !!! soalnya admin juga baru belajar javascript. Ok see you next post!!!, daaaaaa
0 Komentar