event handling

 

Halo semua pada kesempatan ini kita akan membahas tentang event handling.

1.       Function

 

Ketika JavaScript mencapai pernyataan kembali, fungsi akan berhenti dijalankan.

Jika fungsi dipanggil dari pernyataan, JavaScript akan "kembali" untuk mengeksekusi kode setelah pernyataan pemanggilan.

Fungsi sering menghitung nilai balik. Nilai pengembalian "dikembalikan" kembali ke "pemanggil":

 <!DOCTYPE html>

<html>
  <head>
    <script>
      function Hello() {
        return alert("Hello Guys");
      }
    </script>
  </head>
  <body>
    <script>
      Hello();
    </script>
  </body>
</html>

hasil:


 

2.       Onclik

 onclick terjadi ketika pengguna mengklik sebuah elemen.

<!DOCTYPE html>
<html>
  <head>
    <script>
      //Membuat fungsi Hello()
      function Hello() {
        document.getElementById("halo").innerHTML = "Halo Guys";
      }
    </script>
  </head>
  <body>
    <a href="#" onclick="Hello()">Klik Saya</a>
    <div id="halo"></div>
  </body>
</html>

 


3.       Onload

Onload  terjadi ketika sebuah objek telah dimuat. Onload  paling sering digunakan dalam elemen <body> untuk mengeksekusi skrip setelah halaman web memuat semua konten (termasuk gambar, file skrip, file CSS, dll.). onload dapat digunakan untuk memeriksa jenis browser pengunjung dan versi browser, dan memuat versi halaman web yang tepat berdasarkan informasi.

<!DOCTYPE html>
<html>
  <head>
    <script>
      //Membuat fungsi Hello()
      function Hello() {
        document.getElementById("halo").innerHTML = "Halo Guys";
      }
    </script>
  </head>
  <body onload="Hello()">
    <div id="halo"></div>
  </body>
</html>

 



4.       DOM

Objek dokumen mewakili halaman web Anda.

Jika Anda ingin mengakses elemen apa pun di halaman HTML, Anda selalu mulai dengan mengakses objek dokumen.

Di bawah ini adalah beberapa contoh bagaimana Anda dapat menggunakan objek dokumen untuk mengakses dan memanipulasi HTML.

<!DOCTYPE html>
<html>
  <head>
    <script>
      //Membuat fungsi Hello()
      function tambah() {
        var angka1 = document.getElementById("angka1").value;
        var angka2 = document.getElementById("angka2").value;
        document.getElementById("jumlah").value = angka1 + angka2;
      }
    </script>
  </head>
  <body>
    <p><input type="text" id="angka1" /> Angka 1</p>
    <p><input type="text" id="angka2" /> Angka 2</p>
    <p><button onclick="tambah()">Tambah</button></p>
    <p><input type="text" id="jumlah" /> Jumlah</p>
  </body>
</html>

Komentar

Posting Komentar

Postingan populer dari blog ini

Membuat program kasir sederhana (Pilihan menu makanan) Python.

Gambar
Halo semua .Pada kesempatan kali ini kita akan membuat program kasir sederhana tapi hanya pilihan menunya saja  tanpa mencantumkan harga. Mari kita simak bersama Sebelumnya buat file terlebih dahulu dengan format python. Disini saya membuat file bernama tugas.py Yang pertama kita deklarasi list nya terlebih dahulu. Disini kita membuat pilihan 3 jenis menu yang berisi list/array   yaitu makanan,minuman,dan snack. Lalu menu makanan,minuman,dan snack juga berisi list di dalamnya. Variabel total digunakan untuk menampung total pesanan. # deklarasi list jenisMenu =[ "Makanan" , "Minuman" , "Snack" ] menuMakanan =[ "Nasi goreng" , "Nasi Pecel" , "Soto" , "Lalapan" ] menuMinuman =[ "Es teh" , "Es jeruk" , "Es degan" , "air putih" ] menuSnack =[ "Kuaci" , "Kentang goreng" , "Kucur" , "Jamur krispi" ] Total =[] Kemudian kita menggunakan perul...
Baca selengkapnya

FUNGSI DAN TUGAS BEBERAPA LEMBAGA YANG MENGATUR INTERNET

Hallo semua ,pernahkan kalian berpikir? siapa sihh yang mengatur segala kebutuhan internet yang kita gunakan ? nah pada materi ini kita akan membahas tentang tugas dan fungsi dari beberapa lembaga yang mengatur tentang internet . 1. Internet Society(ISOC) -> pihak yang melakukan pengulasan baik secara teknik maupun menetapkan standar terkait internet, membahas lapisan fisik jaringan inter 2. World Wide Web Consortium(W3C -> mengatur serta mengelola internet di seluruh dunia. Komunitas  internasional ini  yang bertujuan untuk membangun standar aturan web secara terbuka. Tugasnya membahas aturan data yang mengalir di internet , software yang berjalan di internet. 3. Internet Architecture Board (IAB) Internet Architecture Board (IAB) adalah badan koordinasi dan penasehat teknis bagi Internet Society (ISOC). Badan ini bertindak sebagai review teknik dan editorial akhir semua standar internet. Badan ini memiliki otoritas untuk menerbitkan dokumen standar internet yang d...
Baca selengkapnya

Penyusunan sketsa,penyusunan prototipe toko online dan menampilkan data toko online dalam bentuk json

Gambar
  penyususan sketsa website toko online. 1.         Membuat Sketsa Desain Buatlah sketsa homepage pada kertas Bufallo , sehingga terdapat gambaran mengenai homepage yang sudah selesai dan bagaimana cara mengatur letak halaman   setiap menunya. Pembuatan sketsa ini akan sangat membantu untuk membuat desain web yang mempunyai daya saing. Sayangnya, banyak orang yang melewatkan langkah pertama ini. Sketsa atau wireframe ini menjadi sangat penting karena menjadi acuan awal bagaimana website akan dibentuk. 2.         Membuat Layout Desain Anda dapat membuat layout desain atau memvisualisasikannya dengan menggunakan software seperti Figma untuk memperhalus sketsa desain yang telah selesai. 3.      Design system Desain Sistem didefinisikan sebagai penggambaran perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan memp...
Baca selengkapnya