JavaScript adalah bahasa pemograman web Client-Side. Beberapa penjelasan tentang JavaScript supaya lebih mengerti:
- JavaScript adalah bahasa scripting (bahasa pemograman yang ringan).
- JavaScript biasanya tertanam langsung ke dalam halaman HTML.
- JavaScript adalah bahasa ditafsirkan (berarti bahwa script mengeksekusi tanpa pendahuluan kompilasi).
- Setiap orang dapat menggunakan JavaScript tanpa membeli lisensi.
JavaScript biasanya digunakan untuk memanipulasi elemen HTML yang ada.
Atribut "id" digunakan untuk mengidentifikasi elemen HTML.
Untuk mengakses sebuah elemen HTML dari JavaScript, gunakan metode document.getElementById (). metode document.getElementById () akan mengakses elemen HTML dengan id tertentu.
Untuk mengakses sebuah elemen HTML dari JavaScript, gunakan metode document.getElementById (). metode document.getElementById () akan mengakses elemen HTML dengan id tertentu.
Contoh :
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p id="demo">Hello World!</p>
<script type="text/javascript">
document.getElementById("demo").innerHTML="Hello JavaScript!";
</script>
</body>
</html>
<html>
<body>
<h1>My First Web Page</h1>
<p id="demo">Hello World!</p>
<script type="text/javascript">
document.getElementById("demo").innerHTML="Hello JavaScript!";
</script>
</body>
</html>
Penjelasan Contoh di Atas:
Untuk memasukkan sebuah JavaScript ke dalam halaman HTML, gunakan tag <script>. Di dalam tag <script> terdapat script/code JavaScript yang akan diesekusi dan bila sudah selesai menulis scipt/code JavaScript diakhiri dengan tag </scipt>.
Code :
<p id="demo">Hello World!</p>
<script type="text/javascript">
document.getElementById("demo").innerHTML="Hello JavaScript!";
</script>
<script type="text/javascript">
document.getElementById("demo").innerHTML="Hello JavaScript!";
</script>
Dalam hal ini, browser akan mengakses elemen HTML dengan id "demo" =, dan mengganti Konten dengan "Hello JavaScript!".
Ada beberapa kasus dimana browser tidak mendukung JavaScript. Untuk mencegah hal ini terjadi anda dapat menggunakan tag komentar HTML. Hanya menambahkan tag komentar HTML <!-- sebelum script/code JavaScript, dan diakhiri -->.
<!DOCTYPE html>
<html>
<body>
<script type="text/javascript">
<!--
document.getElementById("demo").innerHTML="My First JavaScript";
//-->
</script>
</body>
</html>
<html>
<body>
<script type="text/javascript">
<!--
document.getElementById("demo").innerHTML="My First JavaScript";
//-->
</script>
</body>
</html>
Dua garis miring (/ /) adalah simbol komentar JavaScript. Ini mencegah JavaScript mengeksekusi tag -->.
Contoh di bawah ini untuk mengesekusi tag <p> ke dalam dokumen HTML melalui JavaScript:
<!DOCTYPE html>
<html>
<body>
<h1>Hello</h1>
<script type="text/javascript">
document.write("<p>Hello World!</p>");
</script>
</body>
</html>
<html>
<body>
<h1>Hello</h1>
<script type="text/javascript">
document.write("<p>Hello World!</p>");
</script>
</body>
</html>
0 komentar: