Translate Event: typo: pengendali -> penangan

Author: EmptyWork

2-ui/2-events/01-introduction-browser-events/03-which-handlers-run/solution.md

@@ -1,6 +1,6 @@
 Jawabannya: `1` dan `2`.
 
-Pengendali pertama dijalankan, karena tidak di hapuskan oleh `removeEventListener`. Untuk menghapuskan pengendali kita harus meneruskan secara tepat fungsi yang telah di atur. Dan pada kode sebuah fungsi baru di teruskan, terlihat sama, tapi berbeda fungsi.
+penangan pertama dijalankan, karena tidak di hapuskan oleh `removeEventListener`. Untuk menghapuskan penangan kita harus meneruskan secara tepat fungsi yang telah di atur. Dan pada kode sebuah fungsi baru di teruskan, terlihat sama, tapi berbeda fungsi.
 
 Untuk menghapuskan objek fungsi, kita harus menyimpan refensi ke fungsi tersebut, seperti ini:
 
@@ -13,4 +13,4 @@ button.addEventListener("click", handler);
 button.removeEventListener("click", handler);
 ```
 
-Pengendali `button.onclick` bekerja secara sendiri dan sebagai tambahan untuk `addEvenetListener`.
+penangan `button.onclick` bekerja secara sendiri dan sebagai tambahan untuk `addEvenetListener`.

2-ui/2-events/01-introduction-browser-events/03-which-handlers-run/task.md

@@ -2,11 +2,11 @@ importance: 5
 
 ---
 
-# Pengendali mana yang dijalankan?
+# Penangan mana yang dijalankan?
 
 Ada sebuah tombol pada variable. Tidak ada pengedali di tombol tersebut.
 
-Manakah pengendali yang dijalankan pada saat klik pada kode berikut ini? Manakah `alert` yang akan ditunjukan?
+Manakah penangan yang dijalankan pada saat klik pada kode berikut ini? Manakah `alert` yang akan ditunjukan?
 
 ```js no-beautify
 button.addEventListener("click", () => alert("1"));

2-ui/2-events/01-introduction-browser-events/article.md

@@ -26,19 +26,19 @@ Berikut ini daftar peristiwa DOM yang paling berguna:
 
 Masih banyak lagi peristiwa lain. Kita akan membahas lebih detail tentang peristiwa tertentu pada bab selanjutnya.
 
-## Pengendali peristiwa (_Event handlers_)
+## Penangan peristiwa (_Event handlers_)
 
-Untuk menanggapi sebuah perristiwa kita dapat membuat pengendali -- sebuah fungsi yang akan dijalankan pada saat peristiwa itu terjadi.
+Untuk menanggapi sebuah perristiwa kita dapat membuat penangan -- sebuah fungsi yang akan dijalankan pada saat peristiwa itu terjadi.
 
-Pengendali adalah sebuah cara untuk menjalankan kode Javascript pada saat pengguna melakukan sesuatu.
+penangan adalah sebuah cara untuk menjalankan kode Javascript pada saat pengguna melakukan sesuatu.
 
 Ada banyak cara untuk membuat sebuah handler. Mari kita pelajari, dimulai dari yang paling sederhana.
 
 ### Atribut HTML (_HTML-attribute_)
 
-Sebuah pengendali bisa di atur pada HTML dengan menggunakan atribute `on<event>`.
+Sebuah penangan bisa di atur pada HTML dengan menggunakan atribute `on<event>`.
 
-Contohnya, untuk mengatur sebuah pengendali `klik` untuk `input`, kita bisa gunakan `onclick`, seperti ini:
+Contohnya, untuk mengatur sebuah penangan `klik` untuk `input`, kita bisa gunakan `onclick`, seperti ini:
 
 ```html run
 <input value="Klik saya" *!*onclick="alert('Klik!')"*/!* type="button">
@@ -68,7 +68,7 @@ Seperti yang kita ketahui, atribut HTML tidak _case-sensitive_, jadi `ONCLICK`,
 
 ### Properti DOM (_DOM property_)
 
-Sebuah pengendali bisa di atur menggunakan properti DOM`on<event>`.
+Sebuah penangan bisa di atur menggunakan properti DOM`on<event>`.
 
 Contohnya, `elem.onclick`:
 
@@ -83,7 +83,7 @@ Contohnya, `elem.onclick`:
 </script>
 ```
 
-Jika pengendali di atur menggunakan atribut-HTML maka peramban membaca, membuat sebuah fungsi baru dari konten atribute dan menulisnya pada properti DOM.
+Jika penangan di atur menggunakan atribut-HTML maka peramban membaca, membuat sebuah fungsi baru dari konten atribute dan menulisnya pada properti DOM.
 
 Jadi cara ini sebenarnya sama dengan yang sebelumnya.
 
@@ -109,26 +109,26 @@ Kedua kode ini memiliki cara kerja yang sama:
 
 Pada contoh pertama, atribut HTML digunakan untuk menginisialisasikan `tombol.onclick`, sedangkan pada contoh kedua -- _script_, dan hanya itu perbedaanya.
 
-**Karena hanya ada satu properti `onclick`, kita tidak bisa mengatur lebih dari satu pengendali peristiwa.**
+**Karena hanya ada satu properti `onclick`, kita tidak bisa mengatur lebih dari satu penangan peristiwa.**
 
-Pada contoh dibawah menambah sebuah pengendali menggunakan Javascript akan menimpa pengendali yang sudah ada:
+Pada contoh dibawah menambah sebuah penangan menggunakan Javascript akan menimpa penangan yang sudah ada:
 
 ```html run height=50 autorun
 <input type="button" id="elem" onclick="alert('Sebelum')" value="Klik saya">
 <script>
 *!*
-  elem.onclick = function() { // menimpa pengendali yang sudah ada
+  elem.onclick = function() { // menimpa penangan yang sudah ada
     alert('Sesudah'); // hanya ini yang akan ditunjukan
   };
 */!*
 </script>
 ```
 
-Untuk menghapus sebuah pengendali -- atur `elem.onclick = null`
+Untuk menghapus sebuah penangan -- atur `elem.onclick = null`
 
 ## Mengakses elemen: this
 
-nilai dari `this` didalam pengendali adalah elemen tersebut. Elemen yang dimana pengendali itu berada.
+nilai dari `this` didalam penangan adalah elemen tersebut. Elemen yang dimana penangan itu berada.
 
 Pada kode dibawah `button` menampilkan kontennya dengan menggunakan `this.innerHTML`:
 
@@ -140,7 +140,7 @@ Pada kode dibawah `button` menampilkan kontennya dengan menggunakan `this.innerH
 
 Jika kamu mulai bekerja dengan menggunakan peristiwa -- harap perhatikan beberapa detail. 
 
-Kita bisa mengatur sebuah fungsi yang telah ada sebagai pengendali:
+Kita bisa mengatur sebuah fungsi yang telah ada sebagai penangan:
 
 ```js
 function ucapkanTerimaKasih() {
@@ -168,7 +168,7 @@ Jika kita tambahkan tanda kurung, maka `ucapkanTerimaKasih()` menjadi proses pem
 <input type="button" id="button" onclick="ucapkanTerimaKasih()">
 ```
 
-Perbedaannya mudah untuk di jelaskan. Pada saat peramban membaca atribute, peramban akan membuat fungsi pengendali yang didalamnya terdapat konten dari atribut tersebut.
+Perbedaannya mudah untuk di jelaskan. Pada saat peramban membaca atribute, peramban akan membuat fungsi penangan yang didalamnya terdapat konten dari atribut tersebut.
 
 Jadi HTML akan menghasilkan properti ini:
 ```js
@@ -179,7 +179,7 @@ button.onclick = function() {
 };
 ```
 
-**Jangan gunakna `setAttribute` untuk membuat pengendali.**
+**Jangan gunakna `setAttribute` untuk membuat penangan.**
 
 Penggunaan tersebut tidak akan berjalan:
 
@@ -191,25 +191,25 @@ document.body.setAttribute('onclick', function() { alert(1) });
 
 **Properti DOM mementingkan kesamaan huruf.**
 
-Atur sebuah pengendali ke `elem.onclick`, bukan `elem.ONCLICK`, karena properti DOM mementingkan kesamaan huruf (_case-sensitive_).
+Atur sebuah penangan ke `elem.onclick`, bukan `elem.ONCLICK`, karena properti DOM mementingkan kesamaan huruf (_case-sensitive_).
 
 ## tambahkanPendengarPeristiwa (_addEventListener_)
 
-Salah satu masalah mendasar pada cara mengatur pengedali sebelumnya -- kita tidak bisa mengatur beberapa pengendali pada sebuah peristiwa.
+Salah satu masalah mendasar pada cara mengatur pengedali sebelumnya -- kita tidak bisa mengatur beberapa penangan pada sebuah peristiwa.
 
 Mari kata, sebuah bagian pada koded kita ingin menyoroti sebuah tombol pada saat diklik, dan satu lagi ingin menunjukan seubah pesan pada proses pengklikan tersebut.
 
-Kita ingin mengatur dua pengendali peristiwa untuk hal tersebut. Tapi properti DOM yang baru akan menimpa properti DOM yang telah ada.
+Kita ingin mengatur dua penangan peristiwa untuk hal tersebut. Tapi properti DOM yang baru akan menimpa properti DOM yang telah ada.
 
 ```js no-beautify
 input.onclick = function() { alert(1); }
 // ...
 input.onclick = function() { alert(2); } // menganti pengedali yang lama
 ```
 
-Pengembang dari standar situs web paham sejak lama, dan menyarankan cara alternatif untuk mengelola pengendali menggunakan metode khusus `addEventListener` dan `removeEventListener`. Kedua hal tersebut tidak memiliki permasalahan seperti itu.
+Pengembang dari standar situs web paham sejak lama, dan menyarankan cara alternatif untuk mengelola penangan menggunakan metode khusus `addEventListener` dan `removeEventListener`. Kedua hal tersebut tidak memiliki permasalahan seperti itu.
 
-Sintaks (_syntax_) untuk menambahkan sebuah pengendali:
+Sintaks (_syntax_) untuk menambahkan sebuah penangan:
 
 ```js
 element.addEventListener(event, handler, [options]);
@@ -218,23 +218,23 @@ element.addEventListener(event, handler, [options]);
 `peristiwa`/`event`
 : nama Peristiwa, contoh `"click"`.
 
-`pengendali`/`handler`
-: pengendali fungsi.
+`penangan`/`handler`
+: penangan fungsi.
 
 `pilihan`/`options`
 : sebuah objek pilihan tambahan dengan properti:
     - `once`: jika `true`, maka pendengar akan secara otomatis dihapus setelah terpicu.
     - `capture`: fase dimana untuk menangani peristiwa, akan di bahas lebih lanjut pada bab <info:bubbling-and-capturing>. untuk alasan sejarah, `options` bisa juga diatur `false/true`, sama halnya dengan `{capture: false/true}`.
-    - `passive`: jika `true`, maka pengendali tidak akan memanggil `preventDefault()`, kita akan membahas lebih lanjut pada bab <info:default-browser-action>.
+    - `passive`: jika `true`, maka penangan tidak akan memanggil `preventDefault()`, kita akan membahas lebih lanjut pada bab <info:default-browser-action>.
 
-Untuk menghapus pengendali, gunakan `removeEventListener`:
+Untuk menghapus penangan, gunakan `removeEventListener`:
 
 ```js
 element.removeEventListener(event, handler, [options]);
 ```
 
 ````warn header="Penghapusan membutuhkan fungsi yang sama"
-Untuk menghapus sebuah pengendali kita melewatkan fungsi yang sama dengan yang kita atur.
+Untuk menghapus sebuah penangan kita melewatkan fungsi yang sama dengan yang kita atur.
 
 Ini tidak akan berfungsi:
 
@@ -258,34 +258,34 @@ input.addEventListener("click", handler);
 input.removeEventListener("click", handler);
 ```
 
-Harap dicatat -- Jika kita tidak menyimpan fungsi tersebut kedalam variable, maka kita tidak bisa menghapusnya. Tidak ada cara untuk "membaca kembali" pengendali yang di atur pada `addEventListener`.
+Harap dicatat -- Jika kita tidak menyimpan fungsi tersebut kedalam variable, maka kita tidak bisa menghapusnya. Tidak ada cara untuk "membaca kembali" penangan yang di atur pada `addEventListener`.
 ````
 
-Beberapa pemanggilan ke `addEventListener` mengijinkan untuk menambahkan beberapa pengendali, seperti ini:
+Beberapa pemanggilan ke `addEventListener` mengijinkan untuk menambahkan beberapa penangan, seperti ini:
 
 ```html run no-beautify
 <input id="elem" type="button" value="Klik saya"/>
 
 <script>
-  function pengendali1() {
+  function penangan1() {
     alert('Terima Kasih!');
   };
 
-  function pengendali2() {
+  function penangan2() {
     alert('Terima Kasih lagi!');
   }
 
 *!*
   elem.onclick = () => alert("Halo");
-  elem.addEventListener("click", pengendali1); // Terima Kasih!
-  elem.addEventListener("click", pengendali2); // Terima Kasih lagi!
+  elem.addEventListener("click", penangan1); // Terima Kasih!
+  elem.addEventListener("click", penangan2); // Terima Kasih lagi!
 */!*
 </script>
 ```
 
-Seperti yang bisa kita lihat pada contoh di atas, kita bisa mengatur *kedua* pengendali menggunakan properti DOM dan `addEventListener`. Tapi pada umumnya kita hanya akan menggunakan salah satu.
+Seperti yang bisa kita lihat pada contoh di atas, kita bisa mengatur *kedua* penangan menggunakan properti DOM dan `addEventListener`. Tapi pada umumnya kita hanya akan menggunakan salah satu.
 
-````warn header="Untuk beberapa peristiwa, pengendali bekerja hanya dengan `addEventListener`"
+````warn header="Untuk beberapa peristiwa, penangan bekerja hanya dengan `addEventListener`"
 Ada beberapa peristiwa yang tidak dapat di atur menggunakan properti DOM. hanya dengan `addEventListener`.
 
 Contohnya, peristiwa `DOMContentLoaded`, yang akan terpicu pada saat dokumen telah berhasil di dimuat dan dibuat.
@@ -310,7 +310,7 @@ Jadi `addEventListener` lebih universal. Walaupun, aturan semacam itu merupakan
 
 Untuk menangani peristiwa secara benar sebuah peristiwa kita mau tahu lebih tentang apa yang terjadi. Tidak hanya sebuah "klik" atau sebuah "penekanan tombol", tapi apa koordinat pointer? tombol mana yang di tekan? dan seterusnya.
 
-Pada saat sebuah peristiwa terjadi, peramban akan membuat *objek peristiwa*, memasukan detail kedalamnya dan meneruskan peristiwa tersebut ke pengendali sebagai sebuah argumen.
+Pada saat sebuah peristiwa terjadi, peramban akan membuat *objek peristiwa*, memasukan detail kedalamnya dan meneruskan peristiwa tersebut ke penangan sebagai sebuah argumen.
 
 Ini merupakan contoh cara untuk mendapat koordinat pointer dari objek peristiwa:
 
@@ -332,21 +332,21 @@ Beberapa properti dari objek `peristiwa`:
 : Tipe peristiwa, disini tipenya `"click"`.
 
 `peristiwa.currentTarget`
-: elemen yang ditangani oleh peristiwa. Sama persis dengan `this`, kecuali jika pengendali merupakan fungsi anak panah (arrow function), atau `this` sudah di atur untuk hal lain, maka kita dapat menggunakan `peristiwa.currentTarget` untuk mendapati elemen.
+: elemen yang ditangani oleh peristiwa. Sama persis dengan `this`, kecuali jika penangan merupakan fungsi anak panah (arrow function), atau `this` sudah di atur untuk hal lain, maka kita dapat menggunakan `peristiwa.currentTarget` untuk mendapati elemen.
 
 `peristiwa.clientX / peristiwa.clientY`
 : koordinat kursor relatif pada jendela (window), untuk peristwa pointer.
 
 Masih banyak lagi properti. Banyak yang tergantung pada tipe peristiwa: peristiwa papan ketik memilik satu set properti, peristiwa pointer - memiliki set yang berbeda, kita nanti akan mempelajari mereka pada saat kita mendapati peristiwa lainnya secara detail. 
 
-````smart header="Objek peristiwa juga ada pada pengendali HTML"
-Jika kita mengatur pengendali pada HTML, kita bisa juga menggunakan objek peristiwa, seperti ini:
+````smart header="Objek peristiwa juga ada pada penangan HTML"
+Jika kita mengatur penangan pada HTML, kita bisa juga menggunakan objek peristiwa, seperti ini:
 
 ```html autorun height=60
 <input type="button" onclick="*!*alert(event.type)*/!*" value="Tipe Peristiwa">
 ```
 
-Ini terjadi karena pada saat peramban membaca atribut, itu membuat sebuah pengendali seperti ini: `function(event) {alert(event.type) }`. yaitu: argumen pertamanya disebut dengan `"event"`, dan tubuhnya di ambil dari atribut.
+Ini terjadi karena pada saat peramban membaca atribut, itu membuat sebuah penangan seperti ini: `function(event) {alert(event.type) }`. yaitu: argumen pertamanya disebut dengan `"event"`, dan tubuhnya di ambil dari atribut.
 ````