javascript menampilkan data

 Untuk menampilkan data dari form menggunakan JavaScript, Anda perlu mengambil elemen input dengan ID atau name-nya, mengambil nilai (value) dari elemen tersebut, dan kemudian menampilkan nilai tersebut menggunakan console.log(), alert(), atau mengubahnya menjadi konten elemen lain seperti innerHTML. Langkah paling umum adalah menggunakan event listener untuk submit pada form agar proses terjadi saat form dikirim, lalu mencegah perilaku default form dengan e.preventDefault(). 

Langkah-langkah menampilkan data dari form

1. Siapkan HTML Form: Beri atribut id pada elemen form dan pada setiap elemen input (misalnya input, textarea, select) agar mudah diakses dari JavaScript.

<xml>

document.getElementById("myForm").addEventListener("submit", function(e) {

  e.preventDefault(); // Mencegah form terkirim secara default

  const nama = document.getElementById("nama").value;

  const email = document.getElementById("email").value;

  // Tampilkan di konsol

  console.log("Nama: " + nama);

  console.log("Email: " + email);

  // Tampilkan di alert

  alert("Nama: " + nama + "\nEmail: " + email);

  // Tampilkan di halaman web

  document.getElementById("hasil").innerHTML = "Nama Anda: " + nama + "<br>Email Anda: " + email;

});

</xml>

Buat fungsi JavaScript:

• Tambahkan event listener ke form untuk menangani kejadian submit.
• Gunakan e.preventDefault() untuk menghentikan pengiriman form secara tradisional.
• Ambil nilai dari setiap input menggunakan document.getElementById('id_input').value.
• Tampilkan nilai tersebut menggunakan console.log(), alert(), atau innerHTML untuk ditampilkan langsung di halaman web.

<xml>

document.getElementById("myForm").addEventListener("submit", function(e) {

  e.preventDefault(); // Mencegah form terkirim secara default

  const nama = document.getElementById("nama").value;

  const email = document.getElementById("email").value;

  // Tampilkan di konsol

  console.log("Nama: " + nama);

  console.log("Email: " + email);

  // Tampilkan di alert

  alert("Nama: " + nama + "\nEmail: " + email);

  // Tampilkan di halaman web

  document.getElementById("hasil").innerHTML = "Nama Anda: " + nama + "<br>Email Anda: " + email;

});

</xml>