VIẾT PROGRAM DRONE ĐÁNH TÀU BIÊN.
Chúng ta thực hiện các bước như
sau.
Trước tiên phải vẽ 4 hình.
1-Vẽ hình warship1
, hinh saucer1 rôi đổi thành hinh theo
dạng gif như sau .
warship1.gif, saucer1.gif
Bắt buộc phải đối như vậy mới họat động.
2-Vẽ rocket1,
rocket2 cũng làm giống như
trên. Nghĩa là phải đổi sang dạng gif. rocket1.gif
, rocket2.gif.
Tồn trừ tất cả hình đã vẽ trong DOCUMENT.
Sắp xếp vị tri của những hinh
đã vẽ theo thứ tự như bai program dươi
đây.
Dùng function
doMove() và function fireRocket()
---------------------------
<html><body>
<img ID="warship"
style="position:absolute;left:250 ;top:148; width:150; " src="warship1.gif">
<img ID="rocket2"
style="position:absolute;left :230 ;top:145; width:25; "
src="rocket2.gif">
<img ID="saucer"
style="position:absolute;left :10 ;top :200; width:120; "
src="saucer1.gif">
<img ID="rocket1"
style="position:absolute;left :15 ;top :180; width:25; "
src="rocket1.gif">
<script>
var loc=10 ;
var obj1=document.getElementById("warship")
var obj2=document.getElementById("rocket2")
var obj3=document.getElementById("saucer")
var obj4=document.getElementById("rocket1")
function doMove(){
loc++ ;
obj1.style.left=250+loc;
obj2.style.left=250+loc;
obj3.style.left=loc;
obj4.style.left=loc;
if(loc>=350){loc=0}
t=setTimeout(doMove,20);}
function fireRocket(){
var obj1=document.getElementById("warship");
var x =parseInt(obj1.style.left);
var obj3=document.getElementById("saucer");
var x =parseInt(obj3.style.left);
obj2.style.left=-150;
obj4.style.left=-100;
clearTimeout(t);}
</script>
</body>
<span onclick="doMove()">START</span>
<span onclick="fireRocket()">FIRE</span>
</html>
-------------
Ghi Chụ.
NẾU KHÔNG VẼ ĐƯỢC THI SCREENSHOT 4
HINH TRÊN ĐẦU BAI.
COPY PROGRAM NẦY RỒI POSTE VÀO
NOTEPAD CỦA COMPUTER.
DUNG BROWSER GOOGLE SẼ THẤY DRONE
goị là saucer SẼ BĂN VÀO TÀU BIỂN NẾU
CÓ LỆNH FIRE.
Cần học thêm .
CÁCH XỬ DỤNG parseInt() FUNCTION
ParseInt( ) do hai chữ parse và integer ghép lại , là một hàm số cốt lõi “ built-in core ” của JavaScript và của
ngôn ngữ Java Programming Language.Built-in nghĩa là trong đó đã có sẳn
nhiều codes mà chúng ta không biết.
ParseInt() dùng để trích ra những con số chẳn chứa giữa hai dấu ngoặc kép “ “ và những con
số chứa trong một chuổi ngôn ngữ. Chuổi ngôn
ngữ nầy được xem là biến số(variable) của
hàm số.
