VIỆN QUỐC GIA ĐỊNH CHUẨN VNCH: Cách dùng ParseInt ( ) function trong JavaScript

XIN LỖI QUÝ BẠN
VÌ LÝ DO KỸ THUẬT TRANG NẦY BỊ XÓA SẠCH VÀO NGÀY 
29-8-2016.
TÔI SẼ VIẾT LẠI có thêm update.
TÔI RẤT VUI VÀ CÁM ƠN SỰ HAM HỌC CỦA QUÝ BÁN.
WITH LOVE
HENRY DƯƠNG
29-August-2016
               -------------------------



USING ParseInt() function in JavaScript.

8-30-2016

ParseInt do 2 chữ Parse và Integer ghép lại.

Parse nghĩa là lấy ra (extract); Integer nghĩa là
con số nguyên.

Nếu muốn có số lẽ phải dùng parseFloat() function.

parseFloat() chỉ họat động với base-10 mà thôi.

Dùng parseInt() function để lấy ra một trị số
của con số nguyên hàm chứa trong một

string (Extract an integer value from a string).

Con số lấy ra sẽ thay đổi tuỳ theo mathematical
base còn gọi là radix mà chúng ta tự chọn cho string tuỳ

theo công việc.

Muốn parseInt() hoạt động phải viết nó trong
script tags và phải có 2 thành phần chứa trong parenthese như sau : 

parseInt(string,base)
hoặc parseInt(variable,base)

Nếu chúng ta không ấn định base thì parseInt()
sẽ tự động chọn base 10 goịlà decimal base.

Thí dụ.

<script>

var vienquocgiađinhchuan ="1975";// string

document.write(parseInt(vienquocgiađinhchuan));//
output 1975 vì base 10

</script>

* Base bắt buộc là một con số và phải ở giữa
từ 2 tới 36.Nếu base nằm ngoài thì parseInt sẽ cho output NaN .

* Nếu con số có mang một chữ nào đó đứng
trước , parseInt sẽ dừng lại chỗ có chữ và cho output NaN.

* Nếu trong con số có mang một chữ nào đó ,parseInt sẽ 

dừng lại chỗ có chữ và chỉ cho output của con
số đứng trước chữ.

parseInt("abc"); // output NaN 

parseInt("a11"); // output NaN vì có chữ a đứng trước con số 11.

parseInt("11a547")); // output 11,dừng tại chữ a.

parseInt("11abc"); // output 11 

parseInt("11"); // output 11 vì base 10 

parseInt("11",2) ;// output 3 vì base 2

parseInt("11",8) ;// output 9 vì base 8

parseInt("11",16) ;// output 17 vì base 16

parseInt("11",36) //output 37 vì base 36

parseInt("11",37); // output NaN vì base 37
không ở trong 2 - 36

parseInt("0112",10); // output 112 vì base 10

parseInt("0112",8); // output 74 vì base 8 

parseInt("0112",24) //output 602 vì base 24

parseInt("0x112"); //output 274 vì trước
con số có ký hiệu 0x nên parseInt tự động chọn base 16.

parseInt("A",16) ;// output 10

parseInt("B",16) ;// output 11

parseInt("E",16) ;// output 14

parseInt("F",16) ;// output 15

Mathematical base conventions.

Decimal system(base-10)dùng 10 con số goi ( 10 digits) từ 0 tới 9.

Con số đếm tiếp theo 10 là 11.Chúng ta chỉ cần thay đổi vị trí của 

10 con số đó để viết ra khi đếm.

Binary system(base-2)chỉ dùng 2 con số 0 và 1 tượng trưng cho OFF 

và ON,nên Binary không có con số 2 để đếm tiếp theo như decimal 

system . 

Do đó muốn có ký hiệu để viết ra khi muốn đếm giống như decimal 

thì bắt buộc chúng ta phải sắp xếp vị trí của 2 con số 0 và 1 bằng 

cách đem số 1 đặt trước số 0 thành con số 10 và xem đó là con 

số 2 của decimal.Rồi đặt con số 1 vào vị trí 0 của 10 để có

con số 11 và xem đó là số 3 của decimal.

Sau con số 11 trở đi cho tới con số 99 không có
con số nào chỉ gồm có 0 và 1 nữa cho nên chúng ta bắt buộc phải chọn 

con số 100 của decimal gồm có 0 và 1 để làm số 4 cho Binary system.

Tếp tục theo phương pháp sắp xếp như vậy thì 101
là số 5 của decimal,110 là số 6 của decimal, 111 là số 7 của

decimal, 1000 là số 8 của decimal, 1001 là số 9 của decimal,10010 là

số 10 của decimal…

Octal system(base-8)dùng 8 con số t̀ư 0 tới 7.Con số đếm tiếp theo 8 là 9.

Hexadecimal system(base-16)
dùng 16 con số từ 0 tới 9 cộng thêm 6 chữ nữa là A B C D E F.Con số

của chữ F là 15 .Con số đếm tiếp theo 16 là 17.

                        ------------------

Nếu xếp binary thành từng nhóm,mỗi nhóm có 4 bits,
sẽ thây như sau .
Nhóm 0000 tương ứng với con sô 0 của hexadecimal.
Nhóm 0001 tương ứng với con sô 1 của hexadecimal.
Nhóm 0010 tương ứng với con sô 2 của hexadecimal.
Nhóm 0011 tương ứng với con sô 3 của hexadecimal.
Nhóm 0011 tương ứng với con sô 3 của hexadecimal.
Nhóm 0100 tương ứng với con sô 4 của hexadecimal.
Nhóm 0101 tương ứng với con sô 5 của hexadecimal.
Nhóm 0111 tương ứng với con sô 6 của hexadecimal.
Nhóm 1010 tương ứng với chữ A của hexadecimal.
Nhóm 1110 tương ứng với chữ B của hexadecimal.
Nhóm 1111 tương ứng với chữ F của hexadecimal.
Vậy đổi con số A0D4 của hexadecimal ra binary thi 
chúng ta sẽ có 1010 1000 1101 0100 dài lòng thòng.
Đối với octal system thì mỗi con số của octal tương ứng
 với 3 bits.
Nhóm 000 của binary tương ứng với số 0 của octal.
Nhóm 001 của binary tương ứng với số 1 của octal.
Nhóm 011 của binary tương ứng với số 2 của octal
Nhóm 111 cuả binary tương ứng với  số 7 của octal. 
                    -----------------------
Tại sao bày ra nhiều mathematical systems ?
Computer thuộc về electric phải dùng binary.Còn octal và 
hexadecimal rất tiện lợi cho con người khi đọc và viết 
vì nó không quá dài lòng thòng và nằm giữa binary và decimal.
Theo quy ước ISO,muốn diễn tả màu sắc thì trong HTML và 
javaScript phải dùng hexadecimal system gồm có 6 con số.
Thí dụ  #FF0000 là màu đỏ, #00FF00 là màu green,
#0000FF là màu blue.
                         --------------------


Nếu phía trước con số , chúng ta viết thêm số zero thì parseInt sẽ tự

động chọn base 8.

Thí dụ parseInt("0112"); // output 74 base8 .

Nhưng nên viết thêm base 8 thì chắc chắn hơn vì có những lúc không đúng.

Lý do browser IE 9 không hô trợ.

Nếu phía trước con số, chúng ta viết thêm 0x(số zero và chữ x) thì

 parseInt sẽ tự động chọn base 16.

Thí dụ parseInt("0x112");// output 274 base 16 



ÁP DỤNG ParseInt() function

ParseInt() function rất thông dụng trong nhiều
lảnh vực khi viết JavaScript Programs và Java Programs. 

1-Dùng parseInt() trong Drop Down Menu.

<script>

  document.write( " 1)WHERE IS SAN FRANCISCO ?<br>");

  document.write( " 2)WHERE IS PARIS ?<br>");

  document.write( " 3)WHERE IS TOKYO ?<br>");

  document.write( " 4)WHERE IS LONDON ?");

  var x = parseInt(prompt("ENTER A OPTION NUMBER"));

 if(x==1){alert("SAN FRANCISCO IS IN USA");}

 else if(x==2){alert("PARIS IS IN FRANCE");}

 else if(x==3){alert("TOKYO IS IN JAPAN");}

 else if(x==4){alert("LONDON IS IN ENGLAND");}

 else alert("YOU DON'T GET THE ANSWER");

</script>

2-Dùng parseInt() trong JavaScript làm di chuyển một vật , một hàng chữ

 hay hình vẽ tuỳ thích.

Trong script nầy parseInt() function có nhiệm vụ làm

“parsing” đọan đường di chuyển của quả banh tính bằng pixels.

Đọan đường đó có hàm chứa một con số của chiều dài di

chuyển của quả banh tính theo pixels mà chúng ta không thấy.

Còn động tác tạo ra sự di chuyển là +1+"px" ( gọi là increment tính 

bằng pixels ).

Chép script nầy vào Notepad và làm screenshot hình quả banh trên

cùng.Tồn trử hình quả banh trong Document.

Quý bạn sẽ có một trò chơi làm quả banh di chuyển t̀ừ

trái qua phải.Nếu muốn dừng lại thì click chữ STOP.Quả banh sẽ trở

về vị trí 50 pixels

<body>

<img id="ball"
style="position:relative;left:0px;top:50px;width:25px"

 src="ball2.gif">

<script>

 var x;

 x=document.getElementById("ball");

 functiondoMove(){

 x.style.left=parseInt(x.style.left)+1+"px";

 t=setTimeout(doMove,20)}//Nếu thiếu doMove thì ball chỉ nhích tới 

//rồi dừng lại.

</script>

<span onClick="doMove()">START</span>

<span onClick="clearTimeout(t); x.style.left=50">STOP</span>

</body>




Ghi chú.

setTimeout ( ) function là method của windows object , có 2 cách viết như sau

 đều cho kết quả giống nhau.

t = setTimeout (doMove,20) hoặc t =setTimeout("doMove()", 20)

Con số 20 là delay time of 20 milliseconds(ms), nghĩa là sau 20 ms

function doMove() mới được called và chỉ cần được called một lần mà thôi 

để tiếp tục di chuyển mãi cho đến khi chúng ta muốn stop.

Theo tiêu chuẩn,delay time phải có tối thiểu 4 ms.

Nếu không muốn xử dụng setTimeout(), chúng ta xử dụng setInterval().

t = setInterval("doMove()",20).Trong trường hợp nầy,con số 20
nghĩa là phải đợi sau 20 ms function doMove mới được called, rồi phải đợi sau 

20 ms nữa function mới được called và cứ tiếp tục như vậy.

Phải viết t =
setInterval("doMove()", 20) ở ngoài function doMove() goị là 

vị trí global thì mới có thể ClearInterval(t) bằng cách click vào nút STOP. 

<span onClick="clearInterval(t);x.style.left=50">STOP</span>

Trường hợp nầy không cần nút START vì khi mở Browser quả banh di chuyển ngay.

Muốn dùng nút START phải tạo thêm một function nữa chứa

t =setInterval("doMove()",20).


HOẶC VIẾT LẠI NHƯ SAU THÌ kHÔNG CẦN THÊM FUNCTION NỮA.

<body>

<img id="ball" style="position:relative;left:0px;top:50px;width:25px"

 src="ball2.gif">

<script>

 var x = document.images['ball'];

function doMove(){

document.images['ball'].style.left= parseInt(document.images['ball'].style.left)+5+'px';}

</script>

<a href="javascript: var t=setInterval('doMove()',80)">START</a>

<a href="javascript:clearInterval(t);x.style.left=50">STOP</a>

</body>

3-Dùng parseInt và parseFloat trong hóa đơn

<body>

<p>BOLSA FLOWER SHOP RECEIPT<br> WE HAVE THESE FLOWERS : <br>

ROSE : 2.45/ea<br> DAISY : 1.55/ea<br>

 ORCHID :0.75/ea<br> TULIP : 1.25/ea</p>

<script>

var T1= prompt('How many roses do you want ?');

var T2= prompt('How many daisies do you want ?');

var T3= prompt('How many orchids do you want ?');

var T4= prompt('How many tulips do you want ?');

var TC= parseInt(T1)+parseInt(T2)+parseInt(T3)+parseInt(T4);    


document.write('FLOWERS BẠN ĐÃ CHỌN MUA:<br>'+

T1 +':'+ 'ROSES.<br>'+ 

T2 +':'+ 'DAISIES.<br>'+

T3 +':'+'ORCHIDS.<br>'+

T4 +':'+ 'TULIPS.<br>') 

document.write('<br>')

var t1=parseFloat(T1*2.45)

var t2=parseFloat(T2*1.55)

var t3=parseFloat(T3*0.75)

var t4=parseFloat(T4*1.25)

var total=t1+t2+t3+t4 ;

document.write('PLS
PAY THIS AMOUNT:<br>'+

t1 +':'+'ROSES.<br>'+ 

t2+':'+'DAISIES.<br>'+

t3 +':'+'ORCHIDS.<br>'+

t4 +':'+'TULIPS.<br>'+

'TỔNG SỐ:'+
total+'USD.<br>');

 var today = new Date();

 var year = today.getFullYear();
   document.write("Thank You.<br>"+today);             

</script>

OUTPUT.

BOLSA FLOWER SHOP RECEIPT

WE HAVE THESE FLOWERS : 

ROSE : 2.45/ea 

DAISY : 1.55/ea

ORCHID : 0.75/ea

TULIP : 1.25/ea

FLOWERS BẠN ĐÃ CHỌN MUA:

10:ROSES.

10:DAISIES.

null:ORCHIDS.

null:TULIPS.

PLS PAY THIS AMOUNT:

24.5:ROSES.

15.5:DAISIES.

0:ORCHIDS.

0:TULIPS.

TỔNG SỐ:40USD.

Thank You.

Tue Sep 06 2016 06:34:23 GMT-0700 (Pacific Daylight
Time)

3-Xử dụng parseInt() và parseFloat()

PROGRAM NẦY CÓ TỔNG CỘNG 14 LINES OF CODES

<body><script> 

 var shop = { greeting :" <span style='color:red'>WELCOME TO : ENRIQUE SHOP</span>" ,

 product :"CHÚNG TÔI BÁN RICE VÀ SUGAR VỚI GIÁ SỈ VÀ LẺ \nRICE BAG : 5 lbs \n SUGAR BAG : 2 lbs ",

 appreciation :"<span style='color:red'>THANK YOU , SEE YOU AGAIN !</span>",}     

 document.write(shop.greeting +"<br>");   

 alert(shop.product);



 var x1 = prompt("OVER 100 BAGS.\n HOW MANY WHOLESALE RICE BAGS YOU WANT?");

 var pay1 = parseInt(x1*4.00);

 if(x1<=100){pay1=0}; var a1 = pay1;

 var x2 = prompt("LESS THAN 100 BAGS.\n HOW MANY RETAIL RICE BAGS YOU WANT?");

 var pay2 = parseFloat(x2*5.25);

 if(x2>100){pay2=0};var a2 = pay2;           

 var y1 = prompt("OVER 100 BAGS.\n HOW MANY WHOLESALE SUGAR BAGS YOU WANT?");

 var pay3 = parseInt(y1*4.00);

 if(y1<=100){pay3=0}; var a3 = pay3;            

 var y2 = prompt("LESS THAN 100 BAGS.\n HOW MANY RETAIL RICE BAGS YOU WANT?")

 var pay4 = parseFloat(y2*3.25);    

 if(y2>100){pay4=0};var a4 = pay4;

 var tot = a1+a2+a3+a4;                                                                                 

 document.write("* <span style='color:blue'>TOTAL PAY : </span>" + tot +" "+ "USD"+
"<br>"+ shop.appreciation + "<br>"+ "* MANAGER : BAXAO XAOKE " + "<br>");                                                                    

function findSum(){

document.getElementById("r1").value = a1;

document.getElementById("r2").value = a2;

document.getElementById("s1").value = a3;

document.getElementById("s2").value = a4;

document.getElementById("Total").value = tot}
var today = new Date(); var year=today.getFullYear();
       document.write(today +"<br>");

</script>           

 1-RICE WHOLESALE PAY : <input type="text" size ="5" id ="r1" /><br>

 2-RICE RETAIL PAY : <input type="text"size ="5" id ="r2" /><br>

 3-SUGAR WHOLESALE PAY : <input type="text"size ="5" id ="s1" /><br>

 4-SUGAR RETAIL PAY : <input type="text"size ="5" id ="s2" /><br>

        TOTAL PAY : <input type="text" size ="5" id="Total"/><br>

 <span onclick="findSum()">CLICK TO GET CALCULATION</span>

</body>
OUTPUT.






JAVASCRIPT PROGRAMMING LANGUAGE RẤT VĨ ĐẠI VÀ RẤT HAY Ở CHỖ RẤT DỄ
 ÁP DỤNG NHỜ TRONG COMPUTER LÚC NÀO CŨNG CÓ SẴN BROWSER VẬN HÀNH NÓ NGAY
 KHI CHÚNG TA CẦN TỚI.


4-Xử dụng parseInt() , ParseFloat(),Math.floor() và Modulus

để viết một JavaScript Program dùng rút tiền nhà bank 

Math.floor() là javscript function dùng để làm tròn con số khi gặp con số có mang số lẻ. 

Thí dụ.

document.write(Math.floor(1.6)) // output là 1,bỏ số lẻ

document.write(Math.floor(-5.1 )) // output là -6

documenet.write(Math.floor(-5.9 )) // output là -6

Khi gặp số âm, Math.floor( ) chọn con số nhỏ nhất.

Modulus còn được goị là modulo  là javaScript operator có ký hiệu %.

Ký hiệu sẽ cho con số còn sót lại sau khi thực hiện xong tóan chia chẳn.

(Modulus gives us the remainder after a division)

Thí dụ.

document.write(123%5) cho output 3.  Nghĩa là chia 123 cho 5 còn lại 3.

 (The remainder is 3.)

Nhân dịp Tết Nguyên Đán,bạn vào nhà bank tại Mỹ muốn rut́ một số tiền 
giấy thí dụ 1295 đôla gồm những tờ 20 đôla,10 đôla và 5 đôla để lì xì.
JavaScript Program sau đây cho biết bạn sẽ nhận được bao nhiêu tờ 
giấy bạc.
<body>
<script>
var x = parseInt(prompt("HOW MUCH YOU WANT TO WITHDRAW?"));
var d1 = Math.floor(x/20);
var d2 = Math.floor((x%20/10));
var d3 = Math.floor(((x%20)%10)/5);
var d4 = parseFloat(x%5);
alert( x + "$\n" + "DOLLAR BILLS MUST BE :\n"+
d1 + "d1\n" + d2 +"d2\n"+ d3+"d3\n"+d4 +"d4\n" );
</script>
</body>
GHI CHÚ.
1-Trước tiên parse số tiền muốn rut.Chia số tiền đó cho 20 để tìm được bao nhiêu
 tờ 20 đôla.Vì bỏ số lẻ nên phải dùng Math.floor function.
2-Lấy modulus của số tiền đã rút đối với số %20.Chia modulus đó cho 10 để tìm
có bao nhiêu tơ 10 đôla. 
3-Lấy modulus của số tiền đã rút đối với số %20 và đối với số %10 chia cho số 5 
để tim có bao nhiêu tờ 5 đola.
4-parseInt hay parseFloat(nếu có số lẻ) modulus của số tìên đã rút đối với số %5
để có tờ 1 đôla và số lẻ.

NẾU CHÚNG TA MUỐN RÚT 2157 USD THÌ SẼ ĐƯỢC NHƯ SAU :
107 tờ $20, 1 tờ $10, 1 tờ $5 và 2 tờ $1



5-XỬ DỤNG parseInt(), parseFloat() VÀ RETURN STATEMENT CỦA JAVASCRIPT ĐỂ 

VIẾT HÓA ĐƠN.

Return statement của JavaScript có 2 nhiệm vụ.

*Chận tất cả các code sau nó không thể vận hành.

*Thu tóm tất cả những gì mà chúng ta muốn function phải thi hành

 nghĩa là trong parenthese của return phải chứa tất cả nhưng gì chúng

 ta muốn function hiện bày ra cho chúng ta thấy tại nơi chúng ta call function.

Thí dụ trong script dưới đây chúng ta muốn return statement
hiện ra tại alert(display()) nơi chúng ta call display()

Khi nào chúng ta biết nhiều cách xử dụng return
statement,chúng ta sẽ viết được nhiều program dễ dàng.

Trong script dưới đây, phải viết 0 (ZERO) cho món hàng không
muốn mua thi mới lấy được total (TỔNG CỘNG ).

Sẽ có cách viết script tiếp theo lọai bỏ trở ngại đó.
ĐÂY LÀ SCRIPT VIẾT CHO QUÁN BÁN BÁNH CUỐN NGON HẾT SẨY.

<body><script>  

   function display(){ 

   var qt1 = parseInt(prompt("HOW MANY BÁNH CUÔN NHÂN THỊT DO YOU WANT?"));

   var p1 = parseFloat(qt1*4.50);

   var qt2 = parseInt(prompt("HOW MANY BÁNH CÚC DO YOU WANT?"));

   var p2 = parseFloat(qt2*2.50);

   var qt3 = parseInt(prompt("HOW MANY XÔI VÒ DO YOU WANT?"));

   var p3 = parseFloat(qt3*2.50);      

   var qt4 =parseInt(prompt("HOW MANY GIÒ CHÍN DO YOU WANT?"));

   var p4 = parseFloat(qt4*5.50);      

   var total = p1+p2+p3+p4 ; 

        return("QUAN THANH HUONG BÁ́NH CUÔN.\n"+

       qt1+ "-" + " BÁNH CUỐN NHÂN THỊT : " + p1 + "\n"+

       qt2+ "-" + " BÁNH CÚC : " + p2 + "\n"+

       qt3+ "-" + " XÔi VÒ : " + p3 +"\n"+

       qt4+ "-" + " GIÒ CHÍN  : " + p4 +"\n"+

        " YOU PAY TÔNG CỌNG : " + total +"\n"+ " THANK YOU") }  

        alert(display());

 </script></body>




VIẾT LẠI SCRIPT TRÊN NHƯ SAU THÌ KHÔNG CÒN GẶP TRỞ NGẠI.

<body><script>  

   function display(){ 

   var qt1 =prompt("HOW MANY BÁNH CUÔN NHÂN THỊT DO YOU WANT?");

   var qt2 =prompt("HOW MANY BÁNH CÚC DO YOU WANT?");   

   var qt3 =prompt("HOW MANY XÔI VÒ DO YOU WANT?");        

   var qt4 =prompt("HOW MANY GIÒ CHÍN DO YOU WANT?");        

   var p1 = parseFloat(qt1*4.50);

   var p2 = parseFloat(qt2*2.50);

   var p3 = parseFloat(qt3*2.50);

   var p4 = parseFloat(qt4*5.50);

   var total = p1 + p2 + p3 + p4; 

       return("QUAN THANH HUONG BÁ́NH CUÔN.\n"+

       qt1+ "-"+ "BÁNH CUỐN NHÂN THỊT : " + p1 + "\n"+

       qt2+ "-"+ "BÁNH CÚC : " + p2 + "\n"+

       qt3+ "-"+"XÔi VÒ : " + p3 +"\n"+

       qt4+ "-"+"GIÒ CHÍN  : " + p4 +"\n"+

        " YOU PAYTÔNG CỌNG : " + total +"\n"+ " THANK YOU") }  

        alert(display());

 </script></body>

                                        



Đây là receipt viết cho QUÁN THANH HƯƠNG BANH CUỐN TẠI TP Santa Ana
California/USA.Quán rất đông khách hàng. 






6-RECEIPT OF SELLING T-SHITRS

6.1-KHÔNG DÙNG FUNCTION.

<body><script>     

 document.write("SUNDANCE T-SHIRTS SHOP<br>" +

          "WHITE T-SHIRTS IN STOCK:<br>"+              

               "SMALL : 120 <br>" +

               "MEDIUM : 120 <br>" +

               "LARGE : 120 <br>" +

               "XLARGE : 120 ") 

     var sm =prompt("HOW MANY SMALL DO YOU WANT ?");

     var med =prompt("HOW MANY MEDIUM DO YOU WANT ?");

     var lrg =prompt("HOW MANY LARGE DO YOU WANT ?");

     var xlg=prompt("HOW MANY EXTRALARGE DO YOU WANT ?");  

     if(sm  <=120){var t1=parseFloat(sm*1.75)}

     if(med <= 120){var t2=parseFloat(med*2.15)}

     if(lrg <= 120){var t3=parseFloat(lrg*2.75)}

     if(xlg <= 120){var t4=parseFloat(xlg*3.10)}

          var total = t1+t2+t3+t4

          var today = new Date();

          var year =  today.getFullYear();

                  alert(sm +"- SMALL SHIRTS  =$" + t1 +"\n"+

                  med +"- MEDIUM SHIRTS = $" + t2 + "\n"+

                  lrg +"- LARGE SHIRTS  = $" + t3 + "\n"+

                  xlg +"- XLARGE SHIRTS = $" + t4 + "\n"+

                       "*PAY TOTAL =$" + total +"\n"+

                       "*THANK YOU\n"+today);      

</script></body>

6.2-DÙNG FUNCTION VÀ RETURN STATEMENT

<body><script>     

 function selling(){

document.write("SUNDANCE T-SHIRTS SHOP<br>" +

                       "WHITE T-SHIRTS IN STOCK:<br>"+              

                       "SMALL : 120 <br>" +

                       "MEDIUM : 120 <br>" +

                       "LARGE : 120 <br>" +

                       "XLARGE : 120<br> "+

                       "RECEIPT")

     var sm =prompt("HOW MANY SMALL DO YOU WANT ?");

     var med =prompt("HOW MANY MEDIUM DO YOU WANT ?");

     var lrg =prompt("HOW MANY LARGE DO YOU WANT ?");

     var xlg=prompt("HOW MANY EXTRALARGE DO YOU WANT ?");

     if(sm  <=120){var t1=parseFloat(sm*1.75)}

     if(med<= 120){var t2=parseFloat(med*2.15)}

     if(lrg<= 120){var t3=parseFloat(lrg*2.75)}

     if(xlg<= 120){var t4=parseFloat(xlg*3.10)}

          var total = t1+t2+t3+t4

          var today = new Date();

          var year =  today.getFullYear()

                  return(sm +"- SMALL SHIRTS  =$" + t1 +"<br>"+

                  med+"- MEDIUM SHIRTS = $" + t2 + "<br>"+

                  lrg+"- LARGE SHIRTS  = $" + t3 + "<br>"+

                  xlg+"- XLARGE SHIRTS = $" + t4 + "<br>"+

                       "*PAY TOTAL =$" + total +"<br>"+

                       "*THANK YOU.<br>"+today) }       

                  document.write(selling());

</script></body>

OUTPUT

SUNDANCE T-SHIRTS SHOP
WHITE T-SHIRTS IN STOCK :
SMALL : 120 
MEDIUM : 120 
LARGE : 120 
XLARGE : 120 
RECEIPT
10- SMALL SHIRTS = $17.5
20- MEDIUM SHIRTS = $43
5- LARGE SHIRTS = $13.75
null- XLARGE SHIRTS = $0
*PAY TOTAL =$74.25
*THANK YOU.
Sat Sep 17 2016 18:22:02 GMT-0700 (Pacific Daylight Time)





7-XỬ DỤNG parseInt(), Math.floor(), Math.random()

ĐỂ VIẾT TRÒ CHƠI “ ANTI-MISSILE”

Math.random( ) và  Math.floor() là 2 methods dùng thường xuyên trong JavaScript.

Random có nghĩa là ngẫu nhiên hay tình cờ.Dùng nó để lấy ra những con số ngẫu nhiên không thể biết trước.

Math.random( ) chỉ cho những con số từ zero tới <1 mà thôi cho nên phải nhân nó với một con số gọi là multiplier mới có thể xử dụng được những con số nó cho ra. Quan sát thí dụ 1 sau đây.

Những con số 2, 3, 4 gọi là multipliers.Cộng thêm 1 để gia tăng khoảng rộng.

Thí dụ đang có những con số random tư 0 tới <3 nếu cộng thêm 1 thì sẽ có những con số random từ 0 tới <4.

<script>

  document.write(Math.random() +"<br>"+

                 Math.random()*2+"<br>"+

                (Math.random()*2+1)+"<br>"+

                 Math.random()*3 +"<br>"+

                (Math.random()*3+1)+"<br>"+

                 Math.random()*4 +"<br>"+

                (Math.random()*4 +1))

</script>

OUTPUT

0.16120264479781055
1.2539214850696765
1.8162754811828812
2.4657426807300267
3.732557131406565
1.4128457403862313
1.4055362198560797




Math.floor() dùng để lấy ra những con số nguyên,loại bỏ số lẻ vì không cần thiết.

Nếu dùng nó , thí dụ trên được viết lại như sau sẽ cho những con số nguyên.

Thi dụ 2.

<script>

  document.write( Math.floor(Math.random()) +"<br>"+

                  Math.floor( Math.random()*2)+"<br>"+

                  Math.floor(Math.random()*2+1)+"<br>"+

                  Math.floor(Math.random()*3 )+"<br>"+

                  Math.floor(Math.random()*3+1)+"<br>"+

                  Math.floor(Math.random()*4 )+"<br>"+

                  Math.floor(Math.random()*4 +1))





</script>



1- RUN PERFECTLY

Làm screenshot hình vẽ rocket1.gif và rocket2.gif.Save 2 hình đó trong document.

Copy script nầy vào Notepad rồi save nó với tên là MOVING.html.

Mở recent document,click vào ICON CỦA BROWSER,Quý bạn sẽ có một trò chơi gọi là “ANTI-MISSILE GAME.”

<body>

<img id="rocket1"

style="position:absolute;left:10;top:150;width:25;height:25;"src="rocket1.gif">

<img id="rocket2"

style="position:absolute;right:550;top:20;width:70;height:100;" src="rocket2.gif">

<script>    

      var pos2 = 20; //phải viết ngoài function    

      var speed2 = Math.floor(Math.random()*20)+2; //phải viết ngoài function    

 function doMove(){

      document.getElementById("rocket2").style.top = pos2;

       pos2 += speed2;

       if(pos2 > 350) pos2=20;   

       t=setTimeout(doMove,20);

      var obj1 = document.getElementById("rocket1");   

      obj1.style.left = parseInt(obj1.style.left)+5+"px";

               x = parseInt(obj1.style.left); // phải có mới OK.

               if(x >= 650){obj1.style.left="10px";} } 

</script>

<span onClick="doMove()">START</span>

<span onClick="clearTimeout(t)">STOP</span>

</body>

2-RUN PERFECTLY

<body>

<img id="rocket1"

style="position:absolute;left:10;top:150;width:25;height:25;"src="rocket1.gif">

<img id="rocket2"

style="position:absolute;right:550;top:20;width:70;height:100;" src="rocket2.gif">

<script>

      var pos1 = 10;

      var speed1 = Math.floor(Math.random()*10)+2 ;

      var pos2 = 20;

      var speed2 = Math.floor(Math.random()*20)+2;     

function doMove(){

      document.getElementById("rocket1").style.left = pos1;

       pos1 += speed1;

       if(pos1 > 650) pos1=10;   

    document.getElementById("rocket2").style.top = pos2;

       pos2 += speed2;

       if(pos2 > 350) pos2=20;    

      t=setTimeout(doMove,20);  } 

</script>

<span onClick="doMove()">START</span>

<span onClick="clearTimeout(t)">STOP</span>

</body>



Screenshot 2 hình vẽ nầy rồi save theo dạng rocket1.gif và rocket2.g
WELCOME TO BLOGGER VQGĐC

Friday, January 14, 2011

Cách dùng ParseInt ( ) function trong JavaScript
