Skip to content

Commit c32737d

Browse files
committed
Translate Event: perbaiki baris
1 parent 1ec35e2 commit c32737d

File tree

2 files changed

+14
-10
lines changed

2 files changed

+14
-10
lines changed

2-ui/2-events/01-introduction-browser-events/04-move-ball-field/source.view/index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@
1515
</head>
1616

1717
<body style="height:2000px">
18+
1819
Klik pada lapangan untuk memindahkan bola kesana.
1920
<br> Bola tidak boleh meninggalkan lapangan.
2021

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

Lines changed: 13 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -149,6 +149,7 @@ function ucapkanTerimaKasih() {
149149

150150
elem.onclick = ucapkanTerimaKasih;
151151
```
152+
152153
Tetapi berhati-hatilah: fungsi harus di atur sebagai `ucapkanTerimaKasih`, bukan `ucapkanTerimaKasih()`.
153154

154155
```js
@@ -158,6 +159,7 @@ button.onclick = ucapkanTerimaKasih;
158159
// salah
159160
button.onclick = ucapkanTerimaKasih();
160161
```
162+
161163
Jika kita tambahkan tanda kurung, maka `ucapkanTerimaKasih()` menjadi proses pemanggilan fungsi. Jadi baris terakhir akan mengambil *hasil* dari pengeksekusian fungsi, yang merupakan `tidak terdefinisi` (_`undefined`_ — karena fungsi tidak mengembalikan apapun), dan mengatur nilai itu ke peristiwa `onclick`. Maka peristiwa tersebut tidak akan menjalankan apapun.
162164

163165
...Namun, jika kita menambahkan secara langsung ke HTML, maka kita harus menambahkan tanda kurung:
@@ -204,6 +206,7 @@ input.onclick = function() { alert(1); }
204206
// ...
205207
input.onclick = function() { alert(2); } // menganti pengedali yang lama
206208
```
209+
207210
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.
208211

209212
Sintaks (_syntax_) untuk menambahkan sebuah pengendali:
@@ -255,27 +258,27 @@ input.addEventListener("click", handler);
255258
input.removeEventListener("click", handler);
256259
```
257260
258-
Please note -- if we don't store the function in a variable, then we can't remove it. There's no way to "read back" handlers assigned by `addEventListener`.
261+
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`.
259262
````
260263

261-
Multiple calls to `addEventListener` allow to add multiple handlers, like this:
264+
Beberapa pemanggilan ke `addEventListener` mengijinkan untuk menambahkan beberapa pengendali, seperti ini:
262265

263266
```html run no-beautify
264-
<input id="elem" type="button" value="Click me"/>
267+
<input id="elem" type="button" value="Klik saya"/>
265268

266269
<script>
267-
function handler1() {
268-
alert('Thanks!');
270+
function pengendali1() {
271+
alert('Terima Kasih!');
269272
};
270273
271-
function handler2() {
272-
alert('Thanks again!');
274+
function pengendali2() {
275+
alert('Terima Kasih lagi!');
273276
}
274277
275278
*!*
276-
elem.onclick = () => alert("Hello");
277-
elem.addEventListener("click", handler1); // Thanks!
278-
elem.addEventListener("click", handler2); // Thanks again!
279+
elem.onclick = () => alert("Halo");
280+
elem.addEventListener("click", pengendali1); // Terima Kasih!
281+
elem.addEventListener("click", pengendali2); // Terima Kasih lagi!
279282
*/!*
280283
</script>
281284
```

0 commit comments

Comments
 (0)