Bai Tap Javascript

BI TP JAVASCRIPT
PHN 1: 1. Hin th dng "Hello, Welcome to JavaScript!" bng lnh
2.
3. 4.
5.
document.write().(lnh ny phi c hin th ngay ch khng ging nh hm v th phi t lnh ny ngay ni cn hin th). <HTML> <HEAD> <TITLE>JavaScript</TITLE> </HEAD> <BODY> <SCRIPT> document.write("Hello, Welcome to JavaScript"); </SCRIPT> </BODY> </HTML> Kt qu cu 1 s l mt dng mu en, hy i thnh mu "blue" v t gia trang, cho thnh ch m, nghing, Thay i cu lnh thnh: document.write("<fonr color='blue'>Hello, Welcome to JavaScript! </font>"); Nu mun gia trang th thm th <center> vo trc th <font>. Thay i mu nn ( dng thuc tnh bgColor ca document), mu ch trn trang ( fgColor ca document ), thanh trng thi ( defaultSatus ), Thng bo ra mn hnh hm nay l th my <SCRIPT> document.write("Hello, Welcome to JavaScript!"); Var Today = new Date(); var day = Today.getDate(); Var month = Today.getMonth()+1;//phi cng 1 v s 0 l thng 1, s 1 l thng 2, Var year = Today.getFullYear(); Document.write("Today is "+day+"/"+month+"/"+year); </SCRIPT> Thng bo thm hm nay l th my ( Sunday, Monday, )? i tng date c phng thc getDay() tr v th trong tun: 0 l Sunday, 1 l Monday, Dng phng thc ny ta ch nhn c s nguyn ch khng nh c tn theo th t mong mun. V vy ta phi c cch chuyn i sod61 nguyn t 0 n 6 sang cc th trong tun, ta vit hm DayTxt(DayNumber) nhn tham s l 1 s t 0 n 6 v tr v th tng ng. a cc dng sau y vo th <head>: <SCRIPT>
Khoa CNTT - i hc Cng nghip TPHCM
Trang1/12
Var Days = new Array(); Days[0] = "Sunday"; Days[1] = "Monday"; Days[2] = "Tuesday"; Days[3] = "Wednesday"; Days[4] = "Thursday"; Days[5] = "Friday"; Days[6] = "Saturday"; Function DayTxt(DayNumber){ return Days[DayNumber]; } </SCRIPT> Sa cc dng lnh bi 4 thnh: <SCRIPT> document.write("Hello, Welcome to JavaScript!"); var Today = new Date(); var day = Today.getDate(); var month = Today.getMonth()+1; var year = Today.getFullYear(); var dayTxt = DayTxt(Today.getDay()); document.write("Today is"+datTxt+" "+day+"/"+month+"/"+year); </SCRIPT> 6. Dng phng phptng t trn, hy hin th thng di dng ch (Jannury, February, March, April, May, Jun, July, August, September, Otober, November, December). 7. Cng nh bi 6 nhng thng bohm nay l ngy chn hay ngy l (even hay odd) da vo ngy hin hnh lu trong bin day Vit dng lnh tip theo: if (day%2==0 ){ Document.write("<BR>This is an even day"); } else{ document.write("<BR>This is an odd day"); } 8. Hy nhp bng lng gic ca cc gc: 0, 15, 30, 45, , 180 .( gc sau hn gc trc 15 ) Ch : i tng Math c hm sin, cos v tnh sin, cos theo radian, v vy phi chuyn thnh radian trc khi s dng cc phng thc ca Math. Yu cu: Kt qu phi dng bng (table). Vit trong phn <BODY> <table> <TR>
Khoa CNTT - i hc Cng nghip TPHCM Trang2/12
<TH>Degrees <TH>Sin <TH>Cos </TR> <SCRIPT> for (d=0; d<=180; d++){ var Radian = (Math.PI/180)*d; var SinValue = Math.sin(radian); var CosValue = Math.cos(radian); //hin th cc gi tr sin, cos ln table } <SCRIPT> </table> 9. Hy to mt Form nhp thng tin ca mt ngi gm tn h, a ch, ngy thng nm sinh, trnh hc vn, Yu cu: Chn ngy t danh snh 1, 2, 3, , 31. Chn thng t danh sch 1, 2, 3, , 12. Chn nm t danh sch cc nm ( chng hn t 1950 n 2001 ). Ch : V cc danh sch c rt nhiu gi tr nnta khng th trc tip nhn vo tt c c m phi dng JavaScript. V d: <SELECT name="Day"> <script> for (i=1; i<=31; i++){ document.writeln("<option>"+i) } </script> </SELECT> Kt qu to c nh ta mong mun, nhng khi chn v Submit form i th trng "Day" s khng c gi tr no c! l v trong th <option> ta khng c thuc tnh value. Sa li nh sau: document.writeln("<option value='"+i+"'>"+i); Kt qu s l <option value='1'>1 <option value='2'>2, 10. Nh bi 9 nhng ngy thng mc nh l chn ngy thng hin hnh. Ch : bi 9 ngy mc nh l 1, thng mc nh l 1 (do chng nm phn u tin)
PHN 2: Bai 1:
Trang3/12
Viet chng trnh nhap vao 2 so m(dong),n(cot) (dung ham prompt e nhap). Sau o xuat ra trang Web mot Table theo dang sau: V du (m=3,n=4)
11 21 31 12 22 32 13 23 33 14 24 34
Bai 2: Viet chng trnh nhap vao Ma so SV, Ho ten, Lp (dung ham prompt e nhap) Sau o hien th thong tin va nhap vao ra bang theo dang sau:
Bai tap 3: Viet chng trnh nhap vao so 3 so m,n , p (dung ham prompt). Sau o tao ra mot Form gom co m phan t Text , n nhom radio moi nhom co 2 tuy chon cac nut radio co gia tr lan lt la 1->2*n , va 1 Dropdown menu(Listbox) co p tuy chon moi option co gia tr lan lt la 1->p vaText cua option la Text1 ->Textp. (Lu y la cac phan t tren Form phai co ten khac nhau.) Bai 4: Viet chng trnh tao mot Form nh sau:
Sau o nhap lieu vao Form I%khi bam nut Nhap(button)roi hien th ket qua ra dang nh sau:lay d lieu trng Ho ten hien th vao o YourName, Mat khau vao o YourPWD
Trang4/12
Bai 5. Yeu cau nh bai 4 nhng kiem tra d lieu cac trng phai khong rong va trng Password co t nhat 6 ky t neu trng naokhong thoa yeu cau th hien th thong bao va a con tro ve o o e yeu cau ngi s dung nhap lai d lieu. Bai 6 : Yeu cau nh bai 4 nhng them ieu kien nh sau khi Form Load len th con tro at trong trng UserName va nut Nhap che o khong cho phep chon . Khi ngi s dung ri khoi trng UserName neu kiem tra trng nay khong rong th nut Nhap c sang len (cho phep chon) Bai 7: Thiet ke trang nh sau:
Bam vao nut Play th chng trnh thay oi hnh thay oi mot cach ngau nhien (2 giay oi 1 hnh) Bam stop th dng lai Bai 8: Thiet ke trang nh sau. Khi ngi s dung nhap vao trng so lng va ri khoi trng nay th o Tong thanh tien se c cap nhat(lu y neu nhap vao khong phai la so th thong bao yeu cau nhap lai)
Trang5/12
Bai 9:Cho trang Web sau
Trong no gom cac tuy chon sau: Mua vao, Ban ra la trng textbox Loai xe la Dropdown Menu gom cac option Text Value
Trang6/12
Toyota ../images/mer2.jpg KIA ../images/otoa1.jpg Ford ../images/t2.jpg Cap nhat cho: gom 2 tuy chon lan lt co gia tr la 1 , 0 mac nh khong c chon nut nao. Update, State la nut button. Yeu cau x ly: 1) Khi trang load len th con tro nhap lieu trong trng Mua vao va nut State che o khong cho phep chon. 2) Khi di chuyen con tro ra khoi trng Mua vao neu nh gia tr trng nay la so va khong rong th nut State sang len. 3) Khi Click vao muc chon hnh quang cao th se the hien hnh o ben vung ben. 4) Khi bam vao nut Update va neu nut radio Vang c chon th cap d lieu Bang tin th trng trong muc Vang con ngc lai th cap nhat muc USD tng ng vi trng Mua vao cua cot Mua vao va trng Ban ra cua cot Ban ra (Dung inner e cap nhat) Bai 10: Ch o trang web sau:
Yeu cau: (T them cac option trong Listbox va at gia tr trong radio) Hay nhap d lieu tren Form sau o bam Dang ky th d lieu se hien th vao cac cot tng ng a,b,c,d .(Lu y la d lieu trc o van con) dung: Khoa CNTT - i hc Cng nghip TPHCM Trang7/12
a) innerHTML hoac innerText b) Iframe V du: Thiet ke Form nh sau:
Viet chng trnh x ly theo yeu cau sau: 1. Khi trang load len th nut Nhap che o m va con tro nhap lieu o ho ten. 2. Khi ri khoi trng Lp neu trng ho ten va lp khac rong th nut Nhap sang len. 3. Bam nut Nhap th d lieu hien th vao bang Danh Sach Sinh Vien ben di va nut Nhap lai m
Trang8/12
<html> <head> <meta http-equiv="Content-Language" content="en-us"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>THEM SINH VIEN</title> <script>  function Init() { frmnhap.ht.focus() frmnhap.nh.disabled=true }  function Test() { var hten,lop; hten=frmnhap.ht.value; lop=frmnhap.lo.value; if(hten=="") { alert("Ban quen nhap ho ten roi") return; } if(lop=="") Khoa CNTT - i hc Cng nghip TPHCM Trang9/12
{ alert("Ban quen nhap lop roi") return; } frmnhap.nh.disabled=false } var count; count=1; function WriteData() { var hten,lop; var pdau,pthan,pthem,pcuoi hten=frmnhap.ht.value; lop=frmnhap.lo.value; Idhten.innerHTML=hten Idlop.innerHTML=lop Idhten.id="Idhten"+count Idlop.id="Idlop"+count count++; pthan=Iddata.innerHTML pdau="<table id=Iddata border='1' cellpadding=1 cellspacing='1' width='100%' STYLE='bordercollapse:collapse'>" pthem="<tr>" pthem=pthem+ " <td width=50% id=Idhten style='fontfamily: Tahoma; font-size: 10pt; color: #336699; fontweight: bold'> </td>" pthem=pthem+" <td width=50% id=Idlop style='fontfamily: Tahoma; font-size: 10pt; color: #336699; fontweight: bold'> </td>" pthem=pthem+ " </tr>" pcuoi="</table>" Iddata.outerHTML=pdau+pthan+pthem+pcuoi frmnhap.nh.disabled=true frmnhap.ht.value="" frmnhap.lo.value="" } </script> </head> <body onload=Init()> <form method="POST" action="--WEBBOT-SELF--" name="frmnhap">
Trang10/12
<table width=100% border="1" cellspacing="1" cellpadding=1 cellspacing="1" STYLE="bordercollapse:collapse"> <tr> <td width="100%" colspan="2" style="font-family: Times New Roman; font-size: 14pt; color: #808000; fontweight: bold" align="center" bgcolor="#E6FFF9">THEM SINH VIEN</td> </tr> <tr> <td width="26%" style="font-family: Tahoma; fontsize: 10pt; color: #336699; font-weight: bold" align="right">Họ tn</td> <td width="74%" style="font-family: Tahoma; fontsize: 10pt; color: #336699; font-weight: bold"><input type="text" name="ht" size="20"></td> </tr> <tr> <td width="26%" style="font-family: Tahoma; fontsize: 10pt; color: #336699; font-weight: bold" align="right">Lớp</td> <td width="74%" style="font-family: Tahoma; fontsize: 10pt; color: #336699; font-weight: bold"><input type="text" name="lo" size="20" onblur="Test()"></td> </tr> <tr> <td width="26%" style="font-family: Tahoma; fontsize: 10pt; color: #336699; font-weight: bold" align="right"></td> <td width="74%" style="font-family: Tahoma; fontsize: 10pt; color: #336699; font-weight: bold"><input type="button" value="Nhap" onclick="WriteData()" name="nh"></td> </tr> <tr> <td width="100%" style="font-family: Times New Roman; font-size: 14pt; color: #CC3300; font-weight: bold" align="center" colspan="2" bgcolor="#E6FFF9">DANH SACH SINH VIEN</td> </tr> <tr> <td width="100%" style="font-family: Tahoma; fontsize: 10pt; color: #336699; font-weight: bold" align="center" colspan="2">
Trang11/12
<table id=Iddata border="1" cellpadding=1 cellspacing="1" width="100%" STYLE="bordercollapse:collapse"> <tr> <td width="50%" style="font-family: Tahoma; font-size: 10pt; color: #336699; font-weight: bold" align="center" bgcolor="#E0E0E0">HỌ TN</td> <td width="50%" style="font-family: Tahoma; font-size: 10pt; color: #336699; font-weight: bold" align="center" bgcolor="#E0E0E0">LỚP</td> </tr> <tr> <td width="50%" id=Idhten style="fontfamily: Tahoma; font-size: 10pt; color: #336699; fontweight: bold"> </td> <td width="50%" id=Idlop style="font-family: Tahoma; font-size: 10pt; color: #336699; font-weight: bold"> </td> </tr> </table> </td> </tr> </table> </form> </body> </html>
Trang12/12

Bai Tap Javascript

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Bai Tap Javascript

Uploaded by

Copyright:

Available Formats

BI TP JAVASCRIPT

PHN 1: 1. Hin th dng "Hello, Welcome to JavaScript!" bng lnh

Khoa CNTT - i hc Cng nghip TPHCM

Khoa CNTT - i hc Cng nghip TPHCM

Khoa CNTT - i hc Cng nghip TPHCM

Khoa CNTT - i hc Cng nghip TPHCM

Bai 9:Cho trang Web sau

Khoa CNTT - i hc Cng nghip TPHCM

a) innerHTML hoac innerText b) Iframe V du: Thiet ke Form nh sau:

Khoa CNTT - i hc Cng nghip TPHCM

Khoa CNTT - i hc Cng nghip TPHCM

Khoa CNTT - i hc Cng nghip TPHCM

Khoa CNTT - i hc Cng nghip TPHCM

You might also like