Menggunakan JavaScript di HTML
Haaai! Selamat sore! Disini saya akan membagikan sedikit materi tentang javascript
Apa itu javascript? Javascript adalah bahasa yang berbentuk kumpulan skrip yang berjalan pada suatu dokumen HTML. Bahasa ini adalah bahasa pemrograman pertama untuk memberikan kemampuan tambahan terhadap HTML dengan mengijinkan pengeksekusian perintah di sisi user, yang artinya di sisi browser bukan di sisi server web.
JavaScript pada awal perkembangannya berfungsi untuk membuat interaksi antara user dengan situs web menjadi lebih cepat tanpa harus menunggu pemrosesan di web server. Javascript diperkenalkan pertama kali oleh Brendan Eich yang bekerja di Netscape pada tahun 1955.
Kelebihan javaScript :
1. Tidak butuh compiler karna web browser mampu menginterprestasikannya dengan HTML
2. Lebih mudah dipelajari
3. Tidak membutuhkan resource memory yang besar. Oleh karena itu web developer dapat mengembangkan aplikasi ringan dengan fitur dan manfaat yang cukup banyak bagi pengguna. Selain itu, resource memory yang cukup kecil membuat penggunaan RAM terlampau sedikit sehingga aplikasi dapat dijalankan dengan cepat dan mudah.
4. Multi platform. Bahasa ini dapat dikembangkan menggunakan sistem operasi apa saja seperti Windows, Linux, dan Android yang cukup banyak digunakan oleh web developer.
5. Mudah untuk dikembangkan. Ketika aplikasi sudah selesai dibuat, maka aplikasi tersebut akan lebih mudah untuk diperbaharui sesuai dengan kebutuhan pengguna serta perkembangan teknologi.
<script language="javascript">
..................
</script>
Sedangkan untuk file JavaScript di luar, bisa tambahkan kode ini:
Di dalam JavaScript juga terdapat variabel. Variabel adalah suatu objek/tempat dimana kita bisa mengisi data yang bisa berubah-ubah selama program berjalan. Berikut ini adalah aturan dari penulisan nama variabel:
1. Harus dimulai oleh huruf besar/kecil. Bisa juga memakai garis bawah.
2. Nama variabel bisa terdiri dari kombinasi huruf, angka, atau karakter _ dan $.
3. Spasi atau kosong dalam variabel tidak diperbolehkan.
4. Nama variabel tidak boleh memakai nama-nama yang termasuk ke dalam kata kunci java script.
Berikut ini adalah contoh nama variabel yang benar:
-nama
-_umur
-$biaya
Di dalam JavaScript juga terdapat tipe data. Di javascript, data yang dapat disimpan dalam suatu variabel dikelompokkan menjadi tiga jenis, yaitu:
-Bilangan bulat / desimal=integer/float
-Kata/kalimat=string
-Boolean=Bernilai true/false
Di bawah ini adalah koding-kodingan saya yang sederhana.
Di dalam JS, kita juga bisa mengubah style. Misalnya ketika sebuah tombol di klik, warnanya bisa berubah seperti kode dibawah ini:
Sedangkan di bawah ini adalah pendeklarasian yang berupa variabel x, y, dan z. Untuk menampilkan, digunakan kode:
document.getElementById("demo").innerHTML=z;
Ini adalah contoh yang lain
Ini adalah contoh pembuatan kalkulator di JavaScript. Koding ini sebagian besar dibuat oleh Ethan Ryan dan beberapa diedit oleh saya
Apa itu javascript? Javascript adalah bahasa yang berbentuk kumpulan skrip yang berjalan pada suatu dokumen HTML. Bahasa ini adalah bahasa pemrograman pertama untuk memberikan kemampuan tambahan terhadap HTML dengan mengijinkan pengeksekusian perintah di sisi user, yang artinya di sisi browser bukan di sisi server web.
JavaScript pada awal perkembangannya berfungsi untuk membuat interaksi antara user dengan situs web menjadi lebih cepat tanpa harus menunggu pemrosesan di web server. Javascript diperkenalkan pertama kali oleh Brendan Eich yang bekerja di Netscape pada tahun 1955.
Kelebihan javaScript :
1. Tidak butuh compiler karna web browser mampu menginterprestasikannya dengan HTML
2. Lebih mudah dipelajari
3. Tidak membutuhkan resource memory yang besar. Oleh karena itu web developer dapat mengembangkan aplikasi ringan dengan fitur dan manfaat yang cukup banyak bagi pengguna. Selain itu, resource memory yang cukup kecil membuat penggunaan RAM terlampau sedikit sehingga aplikasi dapat dijalankan dengan cepat dan mudah.
4. Multi platform. Bahasa ini dapat dikembangkan menggunakan sistem operasi apa saja seperti Windows, Linux, dan Android yang cukup banyak digunakan oleh web developer.
5. Mudah untuk dikembangkan. Ketika aplikasi sudah selesai dibuat, maka aplikasi tersebut akan lebih mudah untuk diperbaharui sesuai dengan kebutuhan pengguna serta perkembangan teknologi.
Penulisan Coding Javascript
Untuk menggunakan JavaScript di dalam HTML, cukup tambahkan kode ini di awal dan akhir JavaScript:<script language="javascript">
..................
</script>
Sedangkan untuk file JavaScript di luar, bisa tambahkan kode ini:
<script language="javascript" src="lokasi/file.js"></script>
Di dalam JavaScript juga terdapat variabel. Variabel adalah suatu objek/tempat dimana kita bisa mengisi data yang bisa berubah-ubah selama program berjalan. Berikut ini adalah aturan dari penulisan nama variabel:
1. Harus dimulai oleh huruf besar/kecil. Bisa juga memakai garis bawah.
2. Nama variabel bisa terdiri dari kombinasi huruf, angka, atau karakter _ dan $.
3. Spasi atau kosong dalam variabel tidak diperbolehkan.
4. Nama variabel tidak boleh memakai nama-nama yang termasuk ke dalam kata kunci java script.
Berikut ini adalah contoh nama variabel yang benar:
-nama
-_umur
-$biaya
Di dalam JavaScript juga terdapat tipe data. Di javascript, data yang dapat disimpan dalam suatu variabel dikelompokkan menjadi tiga jenis, yaitu:
-Bilangan bulat / desimal=integer/float
-Kata/kalimat=string
-Boolean=Bernilai true/false
Di bawah ini adalah koding-kodingan saya yang sederhana.
<!DOCTYPE html>
<html>
<head>
<title>AuliaAgustinaXIRPL1</title>
</head>
<body>
<script language="javascript">
alert("Haaai!");
</script>
</body>
</html>
tag alert di atas berfungsi untuk menampilkan pesan pemberitahuan seperti di bawah ini:<html>
<head>
<title>AuliaAgustinaXIRPL1</title>
</head>
<body>
<script language="javascript">
alert("Haaai!");
</script>
</body>
</html>
Di dalam JS, kita juga bisa mengubah style. Misalnya ketika sebuah tombol di klik, warnanya bisa berubah seperti kode dibawah ini:
Sedangkan di bawah ini adalah pendeklarasian yang berupa variabel x, y, dan z. Untuk menampilkan, digunakan kode:
document.getElementById("demo").innerHTML=z;
Ini adalah contoh yang lain
Ini adalah contoh pembuatan kalkulator di JavaScript. Koding ini sebagian besar dibuat oleh Ethan Ryan dan beberapa diedit oleh saya
Komentar
Posting Komentar