XIN LỖI QUÝ BẠN
VÌ LÝ DO KỸ THUẬT TRANG NẦY BỊ XÓA SẠCH VÀO NGÀY
29-8-2016.
TÔI SẼ VIẾT LẠI có thêm update.
TÔI RẤT VUI VÀ CÁM ƠN SỰ HAM HỌC CỦA QUÝ BÁN.
WITH LOVE
HENRY DƯƠNG
29-August-2016
-------------------------
USING ParseInt() function in JavaScript.
8-30-2016
ParseInt do 2 chữ Parse và Integer ghép lại.
Parse nghĩa là lấy ra (extract); Integer nghĩa là
con số nguyên.
Nếu muốn có số lẽ phải dùng parseFloat() function.
parseFloat() chỉ họat động với base-10 mà thôi.
Dùng parseInt() function để lấy ra một trị số
của con số nguyên hàm chứa trong một
string (Extract an integer value from a string).
Con số lấy ra sẽ thay đổi tuỳ theo mathematical
base còn gọi là radix mà chúng ta tự chọn cho string tuỳ
theo công việc.
Muốn parseInt() hoạt động phải viết nó trong
script tags và phải có 2 thành phần chứa trong parenthese như sau :
parseInt(string,base)
hoặc parseInt(variable,base)
Nếu chúng ta không ấn định base thì parseInt()
sẽ tự động chọn base 10 goịlà decimal base.
Thí dụ.
<script>
var vienquocgiađinhchuan ="1975";// string
document.write(parseInt(vienquocgiađinhchuan));//
output 1975 vì base 10
</script>
* Base bắt buộc là một con số và phải ở giữa
từ 2 tới 36.Nếu base nằm ngoài thì parseInt sẽ cho output NaN .
* Nếu con số có mang một chữ nào đó đứng
trước , parseInt sẽ dừng lại chỗ có chữ và cho output NaN.
* Nếu trong con số có mang một chữ nào đó ,parseInt sẽ
dừng lại chỗ có chữ và chỉ cho output của con
số đứng trước chữ.
parseInt("abc"); // output NaN
parseInt("a11"); // output NaN vì có chữ a đứng trước con số 11.
parseInt("11a547")); // output 11,dừng tại chữ a.
parseInt("11abc"); // output 11
parseInt("11"); // output 11 vì base 10
parseInt("11",2) ;// output 3 vì base 2
parseInt("11",8) ;// output 9 vì base 8
parseInt("11",16) ;// output 17 vì base 16
parseInt("11",36) //output 37 vì base 36
parseInt("11",37); // output NaN vì base 37
không ở trong 2 - 36
parseInt("0112",10); // output 112 vì base 10
parseInt("0112",8); // output 74 vì base 8
parseInt("0112",24) //output 602 vì base 24
parseInt("0x112"); //output 274 vì trước
con số có ký hiệu 0x nên parseInt tự động chọ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)dùng 10 con số goi ( 10 digits) từ 0 tới 9.
Con số đếm tiếp theo 10 là 11.Chúng ta chỉ cần thay đổi vị trí của
10 con số đó để viết ra khi đếm.
Binary system(base-2)chỉ dùng 2 con số 0 và 1 tượng trưng cho OFF
và ON,nên Binary không có con số 2 để đếm tiếp theo như decimal
system .
Do đó muốn có ký hiệu để viết ra khi muốn đếm giống như decimal
thì bắt buộc chúng ta phải sắp xếp vị trí của 2 con số 0 và 1 bằng
cách đem số 1 đặt trước số 0 thành con số 10 và xem đó là con
số 2 của decimal.Rồi đặt con số 1 vào vị trí 0 của 10 để có
con số 11 và xem đó là số 3 của decimal.
Sau con số 11 trở đi cho tới con số 99 không có
con số nào chỉ gồm có 0 và 1 nữa cho nên chúng ta bắt buộc phải chọn
con số 100 của decimal gồm có 0 và 1 để làm số 4 cho Binary system.
Tếp tục theo phương pháp sắp xếp như vậy thì 101
là số 5 của decimal,110 là số 6 của decimal, 111 là số 7 của
decimal, 1000 là số 8 của decimal, 1001 là số 9 của decimal,10010 là
số 10 của decimal…
Octal system(base-8)dùng 8 con số t̀ư 0 tới 7.Con số đếm tiếp theo 8 là 9.
Hexadecimal system(base-16)
dùng 16 con số từ 0 tới 9 cộng thêm 6 chữ nữa là A B C D E F.Con số
của chữ F là 15 .Con số đếm tiếp theo 16 là 17.
------------------
Nếu xếp binary thành từng nhóm,mỗi nhóm có 4 bits,
sẽ thây như sau .
Nhóm 0000 tương ứng với con sô 0 của hexadecimal.
Nhóm 0001 tương ứng với con sô 1 của hexadecimal.
Nhóm 0010 tương ứng với con sô 2 của hexadecimal.
Nhóm 0011 tương ứng với con sô 3 của hexadecimal.
Nhóm 0011 tương ứng với con sô 3 của hexadecimal.
Nhóm 0100 tương ứng với con sô 4 của hexadecimal.
Nhóm 0101 tương ứng với con sô 5 của hexadecimal.
Nhóm 0111 tương ứng với con sô 6 của hexadecimal.
Nhóm 1010 tương ứng với chữ A của hexadecimal.
Nhóm 1110 tương ứng với chữ B của hexadecimal.
Nhóm 1111 tương ứng với chữ F của hexadecimal.
Vậy đổi con số A0D4 của hexadecimal ra binary thi
chúng ta sẽ có 1010 1000 1101 0100 dài lòng thòng.
Đối với octal system thì mỗi con số của octal tương ứng
với 3 bits.
Nhóm 000 của binary tương ứng với số 0 của octal.
Nhóm 001 của binary tương ứng với số 1 của octal.
Nhóm 011 của binary tương ứng với số 2 của octal
Nhóm 111 cuả binary tương ứng với số 7 của octal.
-----------------------
Tại sao bày ra nhiều mathematical systems ?
Computer thuộc về electric phải dùng binary.Còn octal và
hexadecimal rất tiện lợi cho con người khi đọc và viết
vì nó không quá dài lòng thòng và nằm giữa binary và decimal.
Theo quy ước ISO,muốn diễn tả màu sắc thì trong HTML và
javaScript phải dùng hexadecimal system gồm có 6 con số.
Thí dụ #FF0000 là màu đỏ, #00FF00 là màu green,
#0000FF là màu blue.
--------------------
Nếu phía trước con số , chúng ta viết thêm số zero thì parseInt sẽ tự
động chọn base 8.
Thí dụ parseInt("0112"); // output 74 base8 .
Nhưng nên viết thêm base 8 thì chắc chắn hơn vì có những lúc không đúng.
Lý do browser IE 9 không hô trợ.
Nếu phía trước con số, chúng ta viết thêm 0x(số zero và chữ x) thì
parseInt sẽ tự động chọn base 16.
Thí dụ parseInt("0x112");// output 274 base 16
ÁP DỤNG ParseInt() function
ParseInt() function rất thông dụng trong nhiều
lảnh vực khi viết JavaScript Programs và Java Programs.
1-Dù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-Dùng parseInt() trong JavaScript làm di chuyển một vật , một hàng chữ
hay hình vẽ tuỳ thích.
Trong script nầy parseInt() function có nhiệm vụ làm
“parsing” đọan đường di chuyển của quả banh tính bằng pixels.
Đọan đường đó có hàm chứa một con số của chiều dài di
chuyển của quả banh tính theo pixels mà chúng ta không thấy.
Còn động tác tạo ra sự di chuyển là +1+"px" ( gọi là increment tính
bằng pixels ).
Chép script nầy vào Notepad và làm screenshot hình quả banh trên
cùng.Tồn trử hình quả banh trong Document.
Quý bạn sẽ có một trò chơi làm quả banh di chuyển t̀ừ
trái qua phải.Nếu muốn dừng lại thì click chữ STOP.Quả banh sẽ trở
về vị trí 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 thì ball chỉ nhích tới
//rồi dừng lại.
</script>
<span onClick="doMove()">START</span>
<span onClick="clearTimeout(t); x.style.left=50">STOP</span>
</body>
Ghi chú.
setTimeout ( ) function là method của windows object , có 2 cách viết như sau
đều cho kết quả giống nhau.
t = setTimeout (doMove,20) hoặc t =setTimeout("doMove()", 20)
Con số 20 là delay time of 20 milliseconds(ms), nghĩa là sau 20 ms
function doMove() mới được called và chỉ cần được called một lần mà thôi
để tiếp tục di chuyển mãi cho đến khi chúng ta muốn stop.
Theo tiêu chuẩn,delay time phải có tối thiểu 4 ms.
Nếu không muốn xử dụng setTimeout(), chúng ta xử dụng setInterval().
t = setInterval("doMove()",20).Trong trường hợp nầy,con số 20
nghĩa là phải đợi sau 20 ms function doMove mới được called, rồi phải đợi sau
20 ms nữa function mới được called và cứ tiếp tục như vậy.
Phải viết t =
setInterval("doMove()", 20) ở ngoài function doMove() goị là
vị trí global thì mới có thể ClearInterval(t) bằng cách click vào nút STOP.
<span onClick="clearInterval(t);x.style.left=50">STOP</span>
Trường hợp nầy không cần nút START vì khi mở Browser quả banh di chuyển ngay.
Muốn dùng nút START phải tạo thêm một function nữa chứa
t =setInterval("doMove()",20).
HOẶC VIẾT LẠI NHƯ SAU THÌ 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-Dùng parseInt và parseFloat trong hó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 BẠN ĐÃ CHỌ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 BẠN ĐÃ CHỌ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ử dụng parseInt() và parseFloat()
PROGRAM NẦY CÓ TỔNG CỘNG 14 LINES OF CODES
<body><script>
var shop = { greeting :" <span style='color:red'>WELCOME TO : ENRIQUE SHOP</span>" ,
product :"CHÚNG TÔI BÁN RICE VÀ SUGAR VỚI GIÁ SỈ VÀ LẺ \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 VĨ ĐẠI VÀ RẤT HAY Ở CHỖ RẤT DỄ
ÁP DỤNG NHỜ TRONG COMPUTER LÚC NÀO CŨNG CÓ SẴN BROWSER VẬN HÀNH NÓ NGAY
KHI CHÚNG TA CẦN TỚI.
4-Xử dụng parseInt() , ParseFloat(),Math.floor() và Modulus
để viết một JavaScript Program dùng rút tiền nhà bank
Math.floor() là javscript function dùng để làm tròn con số khi gặp con số có mang số lẻ.
Thí dụ.
document.write(Math.floor(1.6)) // output là 1,bỏ số lẻ
document.write(Math.floor(-5.1 )) // output là -6
documenet.write(Math.floor(-5.9 )) // output là -6
Khi gặp số âm, Math.floor( ) chọn con số nhỏ nhất.
Modulus còn được goị là modulo là javaScript operator có ký hiệu %.
Ký hiệu sẽ cho con số còn sót lại sau khi thực hiện xong tóan chia chẳn.
(Modulus gives us the remainder after a division)
Thí dụ.
document.write(123%5) cho output 3. Nghĩa là chia 123 cho 5 còn lại 3.
(The remainder is 3.)
Nhân dịp Tết Nguyên Đán,bạn vào nhà bank tại Mỹ muốn rut́ một số tiền
giấy thí dụ 1295 đôla gồm những tờ 20 đôla,10 đôla và 5 đôla để lì xì.
JavaScript Program sau đây cho biết bạn sẽ nhận được bao nhiêu tờ
giấy bạ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 CHÚ.
1-Trước tiên parse số tiền muốn rut.Chia số tiền đó cho 20 để tìm được bao nhiêu
tờ 20 đôla.Vì bỏ số lẻ nên phải dùng Math.floor function.
2-Lấy modulus của số tiền đã rút đối với số %20.Chia modulus đó cho 10 để tìm
có bao nhiêu tơ 10 đôla.
3-Lấy modulus của số tiền đã rút đối với số %20 và đối với số %10 chia cho số 5
để tim có bao nhiêu tờ 5 đola.
4-parseInt hay parseFloat(nếu có số lẻ) modulus của số tìên đã rút đối với số %5
để có tờ 1 đôla và số lẻ.
NẾU CHÚNG TA MUỐN RÚT 2157 USD THÌ SẼ ĐƯỢC NHƯ SAU :
107 tờ $20, 1 tờ $10, 1 tờ $5 và 2 tờ $1
5-XỬ DỤNG parseInt(), parseFloat() VÀ RETURN STATEMENT CỦA JAVASCRIPT ĐỂ
VIẾT HÓA ĐƠN.
Return statement của JavaScript có 2 nhiệm vụ.
*Chận tất cả các code sau nó không thể vận hành.
*Thu tóm tất cả những gì mà chúng ta muốn function phải thi hành
nghĩa là trong parenthese của return phải chứa tất cả nhưng gì chúng
ta muốn function hiện bày ra cho chúng ta thấy tại nơi chúng ta call function.
Thí dụ trong script dưới đây chúng ta muốn return statement
hiện ra tại alert(display()) nơi chúng ta call display()
Khi nào chúng ta biết nhiều cách xử dụng return
statement,chúng ta sẽ viết được nhiều program dễ dàng.
Trong script dưới đây, phải viết 0 (ZERO) cho món hàng không
muốn mua thi mới lấy được total (TỔNG CỘNG ).
Sẽ có cách viết script tiếp theo lọai bỏ trở ngại đó.
ĐÂY LÀ SCRIPT VIẾT CHO QUÁN BÁN BÁNH CUỐN NGON HẾT SẨY.
<body><script>
function display(){
var qt1 = parseInt(prompt("HOW MANY BÁNH CUÔN NHÂN THỊT DO YOU WANT?"));
var p1 = parseFloat(qt1*4.50);
var qt2 = parseInt(prompt("HOW MANY BÁNH CÚC DO YOU WANT?"));
var p2 = parseFloat(qt2*2.50);
var qt3 = parseInt(prompt("HOW MANY XÔI VÒ DO YOU WANT?"));
var p3 = parseFloat(qt3*2.50);
var qt4 =parseInt(prompt("HOW MANY GIÒ CHÍN DO YOU WANT?"));
var p4 = parseFloat(qt4*5.50);
var total = p1+p2+p3+p4 ;
return("QUAN THANH HUONG BÁ́NH CUÔN.\n"+
qt1+ "-" + " BÁNH CUỐN NHÂN THỊT : " + p1 + "\n"+
qt2+ "-" + " BÁNH CÚC : " + p2 + "\n"+
qt3+ "-" + " XÔi VÒ : " + p3 +"\n"+
qt4+ "-" + " GIÒ CHÍN : " + p4 +"\n"+
" YOU PAY TÔNG CỌNG : " + total +"\n"+ " THANK YOU") }
alert(display());
</script></body>
VIẾT LẠI SCRIPT TRÊN NHƯ SAU THÌ KHÔNG CÒN GẶP TRỞ NGẠI.
<body><script>
function display(){
var qt1 =prompt("HOW MANY BÁNH CUÔN NHÂN THỊT DO YOU WANT?");
var qt2 =prompt("HOW MANY BÁNH CÚC DO YOU WANT?");
var qt3 =prompt("HOW MANY XÔI VÒ DO YOU WANT?");
var qt4 =prompt("HOW MANY GIÒ CHÍ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 BÁ́NH CUÔN.\n"+
qt1+ "-"+ "BÁNH CUỐN NHÂN THỊT : " + p1 + "\n"+
qt2+ "-"+ "BÁNH CÚC : " + p2 + "\n"+
qt3+ "-"+"XÔi VÒ : " + p3 +"\n"+
qt4+ "-"+"GIÒ CHÍN : " + p4 +"\n"+
" YOU PAYTÔNG CỌNG : " + total +"\n"+ " THANK YOU") }
alert(display());
</script></body>
 |
| Đây là receipt viết cho QUÁN THANH HƯƠNG BANH CUỐN TẠI TP Santa Ana
California/USA.Quán rất đông khách hàng. |
6-RECEIPT OF SELLING T-SHITRS
6.1-KHÔNG DÙ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-DÙNG FUNCTION VÀ 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Ử DỤNG parseInt(), Math.floor(), Math.random()
ĐỂ VIẾT TRÒ CHƠI “ ANTI-MISSILE”
Math.random( ) và Math.floor() là 2 methods dùng thường xuyên trong JavaScript.
Random có nghĩa là ngẫu nhiên hay tình cờ.Dùng nó để lấy ra những con số ngẫu nhiên không thể biết trước.
Math.random( ) chỉ cho những con số từ zero tới <1 mà thôi cho nên phải nhân nó với một con số gọi là multiplier mới có thể xử dụng được những con số nó cho ra. Quan sát thí dụ 1 sau đây.
Những con số 2, 3, 4 gọi là multipliers.Cộng thêm 1 để gia tăng khoảng rộng.
Thí dụ đang có những con số random tư 0 tới <3 nếu cộng thêm 1 thì sẽ có 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() dùng để lấy ra những con số nguyên,loại bỏ số lẻ vì không cần thiết.
Nếu dùng nó , thí dụ trên được viết lại như sau sẽ cho những con số nguyên.
Thi dụ 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
Làm screenshot hình vẽ rocket1.gif và rocket2.gif.Save 2 hình đó trong document.
Copy script nầy vào Notepad rồi save nó với tên là MOVING.html.
Mở recent document,click vào ICON CỦA BROWSER,Quý bạn sẽ có một trò chơi gọi là “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; //phải viết ngoài function
var speed2 = Math.floor(Math.random()*20)+2; //phải viết ngoà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); // phải có 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 hình vẽ nầy rồi save theo dạng rocket1.gif và rocket2.g |
