/codegym.vn/ - 75
1.
function
rightArrowPressed
()
{
2.
let
element
=
document
.
getElementById
(
"nobita"
);
3. element
.
style
.
left
=
parseInt
(
element
.
style
.
left
)
+
5
+
'px'
;
4.
}
Bước 6: Xây dựng các hàm nhận các phím
1.
function
moveSelection
(
evt
)
{
2.
switch
(
evt
.
keyCode
)
{
3.
case
37
:
4. leftArrowPressed
();
5.
break
;
6.
case
39
:
7. rightArrowPressed
();
8.
break
;
9.
case
38
:
10. upArrowPressed
();
11.
break
;
12.
case
40
:
13. downArrowPressed
();
14.
break
;
15.
}
16.
}
17.
Bước 7: Xây dựng hàm doReady()
1.
function
docReady
()
{
2. window
.
addEventListener
(
'keydown'
,
moveSelection
);
3.
}
Bước 8: Gọi hàm doReady()
1. <body onload
=
"docReady
()
">
Bước 9: Chạy chương trình. Sử dụng các phím lên-xuống-sang trái-sang phải để di
chuyển ảnh và quan sát kết quả.
Mã nguồn tham khảo:
https://github.com/codegym-vn/introduction-to-programming-
with-javascript/tree/dev/chapter-03/09-su-kien-ban-phim
Bài 10: Sự kiện chuột
Mục tiêu:
Luyện tập thao tác sự kiện chuột.
Mô tả:
Làm sử dụng sự kiện click chuột để di chuyển hình ảnh một quả bóng. Mỗi lần click
quả bóng sẽ được di chuyển sang trái/phải một khoảng cách.
Hướng dẫn:
Bước 1: Tạo giao diện như hình
