JAVASCRIPT CODE LÀM QUẢ BANH TỰ ĐỘNG DỘI NGƯỢC LẠI
* Phần chữ màu blue qui định tên id, vị trí và chỗ chứa hình quả banh.Nếu thiếu phần nầy quả banh không xuất hiên trên màng hình.
* Phần chữ màu green có 3 variables.
var object để chứa quả banh trong memory,
var loc=50 để chứa và theo dõi vị trí của quả banh trong memory khi quả banh xuất hiện bắt buộc theo ý chúng ta đã viết cách đầu khung 50 pixels,cách thành khung bên trái 300 pixels,
var direction=0 để chứa và theo dõi sự thay đổi chiều di chuyển lên xuống hoặc trái phải.Theo JavaScript,số 0 dùng để chỉ định hướng đi xuống thấp.
Nếu thiếu 3 variables nầy cũng sẽ không có kết quả gì hết.
*Phần chữ màu đỏ là function làm cho quả banh di chuyển.Vì muốn cho dễ hiểu và không dài dòng,nên chúng ta gôm hết những gì cần ra lệnh cho Browser thi hành vào trong một function duy nhứt nầy.Đặt function nầy là function doMove() hay tên khác tuỳ ý.
Trong phần ra lệnh gồm có.
* Nếu 0==direction thi đi xuống.Nếu direction==1 thì đi lên.
* Nếu xuống tới vị trí loc = 340 pixel thì tự động đi lên..Khi lên tới vị trí loc=20 pixel thì tự động đi xuống.
Muốn tốc độ lên xuống nhanh hay chậm thì thay đổi con số loc = ...?
Code làm cho quả banh di động là object.style.top=loc và code ra lệnh Browser cứ sau mỗi 1 millisecond thì kích động hay fire function doMove() một lần.
Lưu ý.Nếu muốn cho qủa banh bouncing từ trai sang phải thì thay chữ top bằng chữ left và viết
direction = -1 thay cho direction =1
Mong quý bạn thực hành thành công tốt đẹp.Đây là bài học rất thích thú.
Sẽ có bài trái banh chuyển động theo hình hơi phức tạp.
