Belajar Javascript Dasar Eps.1

Belajar JavaScript

Overview: Pada video ini, kita akan belajar tentang variabel, tipe data, dan function di JavaScript. Kita juga akan membuat file HTML dan JS terpisah untuk memudahkan pengembangan.

Membuat File HTML dan JS Terpisah

• Untuk menggunakan JavaScript pada browser, kita perlu membuat file HTML terlebih dahulu.

• Buat folder baru dengan nama "Belajar JavaScript" dan buatlah file HTML di dalamnya.

• Buat juga file JS terpisah dengan nama "script.js".

• Hubungkan file JS dengan file HTML menggunakan tag <script>.

Variabel

• Variabel adalah tempat untuk menampung nilai.

• Nama variabel tidak boleh mengandung spasi.

• Tipe data string digunakan untuk menampung kata atau kalimat.

• Gunakan console.log() untuk mencetak nilai dari sebuah variabel.

Function

• Function adalah blok kode yang dapat dipanggil kapan saja.

• Function dapat menerima parameter sebagai input dan mengembalikan nilai sebagai output.

Kesimpulan

Pada video ini, kita telah mempelajari dasar-dasar JavaScript seperti variabel, tipe data, dan function. Kita juga telah membuat file HTML dan JS terpisah serta mempelajari cara menghubungkannya.

Konstanta dan Tipe Data

Overview: Pada bagian ini, kita akan mempelajari tentang konstanta dan tipe data dalam bahasa pemrograman Java.

Konstanta

• Konstanta adalah variabel yang nilainya tidak dapat diubah setelah dideklarasikan.

• Variabel konstan dideklarasikan dengan menggunakan kata kunci "final".

• Ketika membuat variabel menggunakan "const", nilainya tidak bisa diubah.

Tipe Data

• Ada beberapa tipe data dalam bahasa Java, termasuk string, integer, float, boolean, array, dan object.

• String digunakan untuk menampung nilai teks seperti nama pengguna atau mahasiswa.

• Integer digunakan untuk menampung nilai angka bulat seperti umur seseorang.

• Float digunakan untuk menampung nilai angka desimal seperti tinggi badan seseorang.

• Boolean digunakan untuk menampung nilai benar atau salah seperti status suka loading pada website.

• Array digunakan untuk menampung lebih dari satu nilai dan diakses menggunakan indeks.

• Object digunakan untuk menampung atribut seperti nama dan umur pegawai.

Function

• Function adalah blok kode yang dapat dipanggil oleh program lainnya.

• Function memiliki parameter sebagai input dan mengembalikan output.

• Cara membuat function adalah dengan menuliskan "function" kemudian nama functionnya beserta parameter yang dibutuhkan.

• Setiap function harus memiliki nama kecuali anonymous function.

• Anonymous function tidak perlu memiliki nama.

Mencetak Nilai dan Menggunakan Tombol di Website

Overview: Pada video ini, kita akan belajar cara mencetak nilai dan menggunakan tombol di website.

Mencetak Nilai

• Untuk melihat nilai, gunakan console.log().

• Jika terjadi error, cek apakah ada konstanta yang diupdate.

• Contoh: 10 + 20 = 30, 5 + 10 = 15.

Menggunakan Tombol di Website

• Buat tombol pada HTML.

• Gunakan onclick untuk menjalankan fungsi ketika tombol diklik.

• Fungsi yang dipanggil harus sama dengan nama fungsi yang didefinisikan.

• Contoh: function munculkanHalo(nama) console.log("Halo " + nama);

• Gunakan alert() atau ubah elemen HTML untuk memberi respons pada pengguna.

Menambahkan Style pada Tombol

Overview: Pada bagian ini, kita akan belajar cara menambahkan style pada tombol.

Menambahkan Style

• Guna CSS untuk menambahkan style pada tombol.

• Contoh: .button background-color: blue; color: white;

Mengubah Teks Elemen HTML dengan JavaScript

Overview: Pada bagian ini, kita akan belajar cara mengubah teks elemen HTML dengan JavaScript.

Mengubah Teks Elemen HTML

• Akses elemen HTML menggunakan DOM (Document Object Model).

• Ubah teks elemen menggunakan JavaScript.

• Contoh: document.getElementById("judul").innerHTML = "Judul Baru";

Kesimpulan

Overview: Pada video ini, kita telah belajar cara mencetak nilai, menggunakan tombol di website, menambahkan style pada tombol, dan mengubah teks elemen HTML dengan JavaScript.