JAVASCRIPT LÀM DI CHUYỂN QUẢ BANH KHÔNG DÙNG parseInt( )

JAVASCRIPT CODE MOVING A BALL WITHOUT USING parseInt( )

Trong bảng html trên chúng ta không dùng parseInt() để làm quả banh di chuyển 

như trước đây.

Trong tường hợp nầy cần đặt ra hai variables : variable object để chứa quả banh 

và variable location để theo dõi vị trí thay đổi của quả banh

(keep the track of the ball location) di chuyển.

Khi chúng ta muốn di chuyển từ left sang right thì chữ loc ám chỉ sẽ khởi hành từ 

left.

Khi muốn di chuyển từ top xuống bottom thì chữ loc ám chỉ bắt đầu khởi hành từ 

top.

Ký hiệu loc+=0.5 nghĩa là location=location+ 0.5 px (Tăng thêm 0.5 pixel cho 

location value.).Muốn tăng bao nhiêu tuỳ ý.Càng tăng quả banh càng chạy nhanh.

Đó là ký hiệu viết theo qui định trong JavaScript.Có thể viết loc=loc+0.5 vẫn có 
kết quả tốt.

Code object.style.left=loc có nhiệm vụ làm cho quả banh di chuyển và khởi 

hành từ bên trái ở vị trí qui định là loc.

Mở browser thì hình quả banh và 2 nút START ,STOP hiện ra như hình ở bên
 trái phía trên cùng.Quả banh ở vị trí 0 pixel đối với thành khung bên trái và 50px
 đối với thành khung đỉnh đầu.

Khi click nút START , quả banh bắt đầy chạy từ vị trí 0 pixel.Click nút STOP thì
 quả banh liền nhảy về vị trí đã khởi hành và dừng tại đó vì chúng ta đã ấn định 
như vậy trong function stop̣(){clearTimeout(t) ; object.style.left=0 }

Muốn cho quả banh chạy từ trên xuống dưới thì chỗ nào có chữ left thay 

bằng chữ top.

Bài kế tiếp là "Javascript code for a bouncing ball ." rất thích thú vì làm quả

 banh tự động chạy xuống tới vị trí qui định rồi tự động quay trở về nhanh hay 
chậm tùy ý rồi lại chạy trở xuống.Cứ tiếp tục như vậy cho đến khi chúng ta muốn 
stop.