Trong body tag, viết style như sau để hình rocket và hình ball xuất hiện trên 2 objects là saucer và ship đang đứng yên một chỗ.
img ID="ball" style="position:absolute;left:250;top:145;width:15" src="ball2.gif"
img ID="rocket" style="position:absolute;left:15;top:180;width:35;" src="rocket1.gif"
img ID="saucer" style ="position:absolute;left:15;top:200;width:85;" src="saucer2.gif"
Trong script tag phải viết theo thứ tự bắt buộc .Nếu viết sai kết quả sẽ khác.Lý do là browser execution theo thứ tự từ top tới bottom.
Quý bạn nên tự mình trắc nghiệm thay đổi vị trí của các vế sẽ thấy rõ kết quả khác nhau.
function fireBall(){
var object1=document.getElementById('ship');
var x=parseInt(object1.style.left);
var y=parseInt(object1.style.top);
var object3=document.getElementById('saucer');
var x=parseInt(object3.style.left);
var y=parseInt(object3.style.top);
var object2=document.getElementById("ball");
object2.style.left=x ;
object2.style.top=y;
var object4=document.getElementById('rocket');
object4.style.left=x;
object4.style.top=y; } ;
Khi click nút FIRE thì hai phi đạn rocket và ball đụng nhau rồi biến mất.Trong function fireBall() nếu sắp xếp không đúng như trên thì saucer và ship bị tấn công lẫn nhau thay vì hai phi đạn đụng nhau.
