Postingan

Menampilkan postingan dari November, 2025

Formulir Lengkap

Formulir Pendaftaran Beasiswa Formulir Pendaftaran Beasiswa Harap isi semua kolom dengan informasi yang akurat dan lengkap. 📝 Informasi Pribadi Nama Lengkap: Tanggal Lahir: Jenis Kelamin: -- Pilih -- Laki-laki Perempuan Alamat Lengkap: Status Ekonomi: Mampu Miskin 📞 Informasi Kontak Email: ...
Posting Komentar
Baca selengkapnya

kode penjumlahan i teraktif

    <DOCTYPE html>  <html> <head> <title>Penjumlahan Interaktif</title> <style>   body {     font-family: sans-serif;   }   input[type="number"] {     width: 100px;     padding: 5px;     margin-bottom: 10px;   }   button {     padding: 8px 15px;     cursor: pointer;   } </style> </head> <body>   <h1>Kalkulator Penjumlahan Sederhana</h1>   <label for="num1">Angka 1:</label>   <input type="number" id="num1"><br>   <label for="num2">Angka 2:</label>   <input type="number" id="num2"><br>   <button onclick="tambah()">Jumlahkan</button>   <div id="hasil" style="margin-top: 20px; font-weight: bold;"></div>   <script>     function tambah() {       // Mengambil nilai dari input   ...
Posting Komentar
Baca selengkapnya

Tampil Data using Javascript

Contoh Tampilan Data Formulir Input Data Pengguna Goar: Surat Elektronik: Umur: Pekerjaan: Cita-cita: Tampilkan Data Hasil Input Data Data Berhasil Ditampilkan: Goar: Surat Elektronik: Umur: Pekerjaan: Cita-cita:
Posting Komentar
Baca selengkapnya

penjelasan kode

<!DOCTYPE html> <html lang="id"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Contoh Tampilan Data Formulir</title>     <style>         body {             font-family: Arial, sans-serif;             margin: 20px;         }         form {             padding: 20px;             border: 1px solid #ccc;             border-radius: 5px;             margin-bottom: 20px;         }         label, input {             display: block;             margin-bottom: 10px;         }   ...
Posting Komentar
Baca selengkapnya

Ambil data form dengan Javascript

v Contoh Tampilan Data Formulir Input Data Pengguna Nama: Email: Usia: Tampilkan Data Hasil Input Data Data Berhasil Ditampilkan: Nama: Email: Usia:
Posting Komentar
Baca selengkapnya

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 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 de...
Posting Komentar
Baca selengkapnya

pejelasan penjumlahan interaktif

  Cara kerja kode: HTML : Membuat dua input angka ( <input type="number"> ) dengan ID  num1  dan  num2 . Membuat tombol ( <button> ) yang memanggil fungsi  tambah()  saat diklik. Membuat elemen  div  dengan ID  hasil  untuk menampilkan hasilnya. JavaScript : Fungsi  tambah()  dipanggil saat tombol diklik. document.getElementById("num1").value  dan  document.getElementById("num2").value  digunakan untuk mengambil nilai dari input. parseFloat()  mengubah nilai input dari string menjadi angka desimal. !isNaN(angka1) && !isNaN(angka2)  memeriksa apakah kedua input adalah angka yang valid. Jika valid,  jumlah  dihitung ( angka1 + angka2 ). Hasilnya kemudian ditampilkan di dalam elemen  div  dengan ID  hasil  menggunakan  document.getElementById("hasil").innerHTML .  
Posting Komentar
Baca selengkapnya

penjumlahan interaktif

Penjumlahan Interaktif Kalkulator Penjumlahan Sederhana Angka 1: Angka 2: Jumlahkan
Posting Komentar
Baca selengkapnya

Form Login

Formulir Pendaftaran Formulir Pendaftaran Nama: Email: Penjelasan Kode Formulir Login : Mendefinisikan bahwa dokumen ini adalah dokumen HTML5. : Elemen utama yang membungkus semua konten HTML. : Berisi informasi meta tentang dokumen, seperti judul. : Menentukan judul yang muncul di tab browser. : Berisi konten yang terlihat oleh pengguna. : Judul utama halaman. : Tag untuk membuat formulir. action="/proses_pendaftaran": Menentukan URL tujuan pemrosesan data saat formulir dikirim. method="post": Menentukan metode pengiriman data (metode post lebih umum untuk formulir). Nama: : Membuat label teks untuk sebuah elemen input. for harus sesuai dengan id pada elemen . : Membuat kolom input teks. type="text": Menentukan jenis input sebagai teks. id="nama": Memberi ID unik untuk elemen ini. name="nama": Memberi nama yang akan digunakan saat data dikirim ke server. required: Menandakan bahwa kol...
Posting Komentar
Baca selengkapnya

Formulir Pendaftaran Beasiswa

  <html lang="id"> <head>     <meta charset="UTF-8"></meta>     <meta content="width=device-width, initial-scale=1.0" name="viewport"></meta>     <title>Formulir Pendaftaran Beasiswa</title>     </head> <body>     <header>         <h1>Formulir Pendaftaran Beasiswa</h1>         <p>Harap isi semua kolom dengan informasi yang akurat dan lengkap.</p>     </header>     <hr />     <form action="/submit-beasiswa" method="post">         <section>             <h2>📝 Informasi Pribadi</h2>                          <div>                 <label for="nama_lengkap">Nama Lengkap:</label...
Posting Komentar
Baca selengkapnya

kode Formulir Pendaftaran Beasiswa

 <!DOCTYPE html> <html lang="id"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Formulir Pendaftaran Beasiswa</title>     </head> <body>     <header>         <h1>Formulir Pendaftaran Beasiswa</h1>         <p>Harap isi semua kolom dengan informasi yang akurat dan lengkap.</p>     </header>     <hr>     <form action="/submit-beasiswa" method="post">         <section>             <h2>📝 Informasi Pribadi</h2>                          <div>                 <label for="nama_lengkap">Nama Lengkap:</label><b...
Posting Komentar
Baca selengkapnya