PHƯƠNG PHÁP JAVASCRIPT LÀM DI CHUYỂN QUẢ BANH KHÔNG DÙNG 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.
