Mengenal Dan Mengerti Apa Itu JavaScript Bagi Pemula

JavaScript
JavaScript – giginau

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 batchfileArray IndexArrayPHP Global VariabelPengertian Dan Contoh PHP Regex, PHP Form Handling

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 :

Mengenal Dan Mengerti Apa Itu JavaScript Bagi Pemula

Ketika kita tekan tombol maka yang di tampilkan adalah :

Mengenal Dan Mengerti Apa Itu JavaScript Bagi Pemula

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 :

Mengenal Dan Mengerti Apa Itu JavaScript Bagi Pemula

Ketika tombol Belajar JavaScript di tekan maka atribut dari image berubah seperti di bawah ini :

Mengenal Dan Mengerti Apa Itu JavaScript Bagi Pemula

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
Mengenal Dan Mengerti Apa Itu JavaScript Bagi Pemula

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 :

Mengenal Dan Mengerti Apa Itu JavaScript Bagi Pemula
Mengenal Dan Mengerti Apa Itu JavaScript Bagi Pemula

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 :

Mengerti Apa Itu JavaScript Bagi Pemula
Mengerti Apa Itu JavaScript Bagi Pemula

admin

giginau

Tinggalkan Balasan