Mengenal Dan Mengerti Apa Itu JavaScript Bagi Pemula!
JavaScript (JS) – Merupakan bahasa pemrograman tingkat tinggi yang dinamis. bahasa ini sangat populer dalam dunia programmer akhir akhir ini, selain dinamis bahasa ini dapat berkerja dalam mesin telusur seperti google chrome, Internet Explorer (IE), Mozilla FireFox, Opera dan banyak lagi.
Sejarah Singkat JavaScript pertama kali dikembangkan oleh Brendan Eich dari Netscape di bawah nama Mocha, yang nantinya namanya diganti menjadi LiveScript, dan akhirnya menjadi JavaScript (Wikipedia).
JavaScript biasanya di sisipkan dalam halaman website dengan menggunakan tag script <script>…</script>. Selain CSS dan HTML bahasa ini juga tergolong dalam teknologi world wide web (WWW). Bahasa ini berfungsi membuat halaman web menjadi interaktif dan dinamis. pada awalnya bahasa ini di implementasikan untuk client-side namun sekarang diimplementasikan sebagai server-side.
BACA JUGA : PHP Array Multidimensional, Backup database dengan batchfile, Array Index, Array, PHP Global Variabel, Pengertian Dan Contoh PHP Regex, PHP Form Handling
Isi Artikel
Contoh Script
Berikut adalah contoh script :
<!DOCTYPE html>
<html>
<body>
<h2>giginau.com - belajar JavaScript #1</h2>
<p id="belajar1">Belajar JavaScript! #1</p>
<button type="button" onclick='document.getElementById("belajar1").innerHTML = "Hello JavaScript!"'>Tombol</button>
</body>
</html>
Output :
Ketika kita tekan tombol maka yang di tampilkan adalah :
JavaScript Dapat Mengubah Nilai Atribut HTML
Seperti judul di atas bahasa ini juga bisa mengubah suatu nilai atribut dari HTML. berikut contohnya :
<!DOCTYPE html>
<html>
<body>
<h2>giginau.com - belajar JavaScript #1</h2>
<p>JavaScript Nilai Atribut HTML</p>
<p>Mengubah souch gambar</p>
<button onclick="document.getElementById('myImage').src='giginau c++.PNG'">Belajar C++</button>
<img id="myImage" src="giginau c++.PNG" style="width:100px">
<button onclick="document.getElementById('myImage').src='javascript-giginau.PNG'">Belajar JavaScript</button>
</body>
</html>Berikut output nya :
Ketika tombol Belajar JavaScript di tekan maka atribut dari image berubah seperti di bawah ini :
Mengenal Dan Mengerti Apa Itu JavaScript Bagi Pemula – Merubah Style HMTL
Kemudian bahasa ini juga bisa merubah style HTML, Berikut contohnya :
<!DOCTYPE html>
<html>
<body>
<h2>giginau.com - belajar JavaScript #1</h2>
<p id="demo">JavaScript Merubah Style HTML</p>
<button type="button" onclick="document.getElementById('demo').style.fontSize='35px'">Tombol</button>
</body>
</html>
Output :
Mengenal Dan Mengerti Apa Itu JavaScript Bagi Pemula – JavaScript Menyembunyikan dan menampilkan Element HTML
Berikut contoh bahasa ini menyembunyikan element HTML. berikut scriptnya :
<!DOCTYPE html>
<html>
<body>
<h2>giginau.com - belajar JavaScript #1</h2>
<p id="belajar1">Hide HTML element</p>
<button type="button" onclick="document.getElementById('belajar1').style.display='none'">Tombol</button>
</body>
</html>
Output :
Berikut contoh menampilkan element HTML tersembunyi. berikut contohnya :
<!DOCTYPE html>
<html>
<body>
<h2>giginau.com - belajar JavaScript #1</h2>
<p>Menampilkan Element HTML tersembunyi</p>
<p id="belajar1" style="display:none">Hello JavaScript!</p>
<button type="button" onclick="document.getElementById('belajar1').style.display='block'">Tampil</button>
</body>
</html>
Output :
0 Komentar