Pertanyaan yang Sering Diajukan :
- Bagaimana cara mendapatkan JavaScript?
- Di mana saya bisa mengunduh JavaScript?
- Apakah JavaScript Gratis?
Belajar JavaScript Dasar dan Lanjutan
Bahasa pemrograman JavaScript dan JAVA adalah bahasa pemrograman yang sangat berbeda dalam konsep maupun desain. JavaScript ditemukan oleh Brendan Eich Pada Tahun 1995 dan menjadi standar ECMA pada Tahun 1997. ECMA-262 adalah nama resmi dari standar ECMAScript.
1. Pengenalan JavaScript
a. Salah satu metode HTML JavaScript adalah .getElementById()
Contoh di bawah ini "menemukan" elemen HTML (dengan id = "demo"), dan mengubah konten elemen (innerHTML) menjadi "Hello JavaScript":
Contoh :
document.getElementById("demo").innerHTML = "Hello World";
b. JavaScript menerima kutipan ganda dan tunggal
Contoh :
document.getElementById('demo').innerHTML = 'Hello JavaScript';
c. JavaScript dapat mengubah Nilai Atribut HTML
Dalam contoh ini JavaScript mengubah nilai atribut (sumber) dari tag:src<img>
d. JavaScript Dapat Mengubah Gaya HTML (CSS)
Mengubah gaya elemen HTML, adalah varian dari mengubah atribut HTML:
Contoh :
document.getElementById("demo").style.fontSize = "35px";
e. JavaScript dapat menyembunyikan element HTML
Menyembunyikan elemen HTML dapat dilakukan dengan mengubah gaya:display
Contoh :
document.getElementById("demo").style.display = "none";
f. JavaScript dapat menampilkan element HTML
Menampilkan elemen HTML tersembunyi juga dapat dilakukan dengan mengubah gaya:display
Contoh :
document.getElementById("demo").style.display = "block";
2. Fungsi dan Penempatan JavaScript
JavaScript adalah blok kode JavaScript, yang dapat dieksekusi ketika "dipanggil".function Misalnya, fungsi dapat disebut ketika suatu peristiwa terjadi, seperti ketika pengguna mengklik tombol.
Fungsi JavaScript adalah blok kode yang dirancang untuk melakukan tugas tertentu. Fungsi JavaScript dijalankan ketika "sesuatu" memanggilnya (menyebutnya).
a. The <script> Tag
Dalam HTML, kode JavaScript dimasukkan antara tag.<script></script>
Contoh :
JavaScript adalah bahasa scripting default HTML Contoh JavaScript lama dapat menggunakan atribut type: <script type=tekt/"javascript">.
b. JavaScript dalam <head> dan <body>
Anda dapat menempatkan sejumlah skrip dalam dokumen HTML. Skrip dapat ditempatkan di , atau di bagian halaman HTML, atau di keduanya.<body><head>
* JS dalam <head>
Dalam contoh ini, JavaScript ditempatkan di bagian halaman HTML.function<head>
Fungsi dipanggil (disebut) ketika tombol diklik:
Contoh :
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML = "Paragraph
changed.";
}
</script>
</head>
<body>
<h2>Demo JavaScript in
Head</h2>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
</body>
</html>
* JS dalam <body>
Dalam contoh ini, JavaScript ditempatkan di bagian halaman HTML.function<body>
Fungsi dipanggil (disebut) ketika tombol diklik:
Contoh :
<!DOCTYPE html>
<html>
<body>
<h2>Demo JavaScript in
Body</h2>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML = "Paragraph
changed.";
}
</script>
</body>
</html>
Menempatkan skrip dibagian bawah elemen <body> meningkatkan kecepatan tampilan.
3. Output JavaScript
JavaScript dapat "menampilkan" data dengan cara yang berbeda:
- Menulis ke dalam elemen HTML, menggunakan .
innerHTML - Menulis ke dalam output HTML menggunakan .
document.write() - Menulis ke dalam kotak peringatan, menggunakan .
window.alert() - Menulis ke konsol browser, menggunakan .
console.log()
Untuk mengakses elemen HTML, JavaScript dapat menggunakan metode ini. document.getElementById(id)
Atribut mendefinisikan elemen HTML. Properti mendefinisikan konten HTML:idinnerHTML
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My First Paragraph</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>
4. JavaScript Statments (Pernyataan)
Program komputer adalah daftar "instruksi" yang akan "dieksekusi" oleh komputer. Dalam bahasa pemrograman, instruksi pemrograman ini disebut pernyataan. Program JavaScript adalah daftar pernyataan pemrograman.
Contoh :
Pernyataan JavaScript terdiri dari: Nilai, Operator, Ekspresi, Kata Kunci, dan Komentar. Sebagian besar program JavaScript berisi banyak pernyataan JavaScript. Pernyataan tersebut dieksekusi, satu per satu, dalam urutan yang sama seperti yang tertulis.
Pernyataan ini memberitahu browser untuk menulis "Hello Boy." di dalam elemen HTML dengan id = "demo":
document.getElementById("demo").innerHTML = "Hello Boy.";
5. Syntax JavaScript
Sintaks JavaScript mendefinisikan dua jenis nilai:
- Nilai tetap
- Nilai variabel
Nilai tetap disebut literal.
Nilai variabel disebut variabel.
a. Dua aturan sintaks yang paling penting untuk nilai tetap adalah:
Angka ditulis dengan atau tanpa desimal:
1001b. Nilai Variabel
Dalam bahasa pemrograman, variabel digunakan untuk menyimpan nilai data.
JavaScript menggunakan kata kunci, dan untuk mendeklarasikan variabel.varletconst
Tanda yang sama digunakan untuk menetapkan nilai ke variabel.
Dalam contoh ini, x didefinisikan sebagai variabel. Kemudian, x diberi (diberikan) nilai 6:
x = 6;Javascript adalah bahasa pemrograman yang wajib kamu pelajari jika ingin mendalami dunia coding dan Pemrograman. JavaScript tidak hanya digunakan di sisi client (browser) saja. Javascript juga digunakan pada server, console, program desktop, mobile, IoT, game, dan lain-lain.
Itulah beberapa point materi tentang pengenalan JavaScript. Terimakasih telah berkunjung disitus kami.