materi dasar tentang JavaScript, DOM (Document Object Model), dan contoh-contoh penggunaannya:

Berikut adalah materi dasar tentang JavaScript, DOM (Document Object Model), dan contoh-contoh penggunaannya:

JavaScript: JavaScript adalah bahasa pemrograman yang digunakan untuk mengembangkan aplikasi web interaktif. Ia berjalan di sisi klien (di browser) dan memberikan kemampuan untuk mengubah, memanipulasi, dan berinteraksi dengan elemen-elemen di halaman web.

Contoh:

javascript
// Contoh JavaScript sederhana
console.log("Halo, dunia!");

// Variabel dan tipe data
var nama = "John";
var usia = 25;
var apakahSudahMenikah = false;

// Fungsi
function sapa(nama) {
  console.log("Halo, " + nama + "!");
}

sapa(nama); // Output: "Halo, John!"

DOM (Document Object Model): DOM adalah representasi struktur halaman web yang dapat diakses dan dimanipulasi menggunakan JavaScript. Setiap elemen di dalam halaman web merupakan objek dalam model ini, dan kita dapat mengubah, menambahkan, atau menghapus elemen-elemen tersebut menggunakan JavaScript.

Contoh:

html
<!DOCTYPE html>
<html>
<body>

  <h1 id="judul">Selamat Datang</h1>
  <p id="paragraf">Ini adalah halaman web.</p>

  <script>
    // Mengubah konten elemen
    document.getElementById("judul").innerHTML = "Halo, dunia!";
    document.getElementById("paragraf").innerHTML = "Ini adalah halaman web yang baru.";

    // Menambahkan elemen baru
    var paragrafBaru = document.createElement("p");
    var teksParagrafBaru = document.createTextNode("Ini adalah paragraf baru.");
    paragrafBaru.appendChild(teksParagrafBaru);
    document.body.appendChild(paragrafBaru);

    // Menghapus elemen
    var elemen = document.getElementById("paragraf");
    elemen.parentNode.removeChild(elemen);
  </script>

</body>
</html>

Dalam contoh di atas, kita menggunakan JavaScript untuk mengubah teks pada elemen judul dan paragraf, menambahkan paragraf baru, serta menghapus elemen paragraf yang sudah ada.

Semoga ini dapat membantu Anda memahami JavaScript, DOM, dan penggunaannya dalam memanipulasi elemen-elemen di halaman web.

materi dasar tentang JavaScript, DOM (Document Object Model), dan contoh-contoh penggunaannya:

0 Response to "materi dasar tentang JavaScript, DOM (Document Object Model), dan contoh-contoh penggunaannya:"

Posting Komentar