0% found this document useful (0 votes)
44 views

CSS Solved Manual

Diploma in computer engineering 5th semester CSS solved manual

Uploaded by

sejalcjadhav
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
0% found this document useful (0 votes)
44 views

CSS Solved Manual

Diploma in computer engineering 5th semester CSS solved manual

Uploaded by

sejalcjadhav
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF or read online on Scribd
You are on page 1/ 73
Maharashtra State Board of Technical Education Roll No, ..Of Third Semester of Diploma in Computer Technology of lakechnic. Institute,.. (Code : .. .. has completed the term work satisfactorily in course Client Side Scripting languages (22519) for the academic year 222%... 10 PLA... as Prescribed in the curriculum, Places Dat Exam. Seat No: ie =a | a cae webaSetReRsUmTIET, Principat Gomputer Enginsenin;; Dept. YaH. Jondhale Polytecti seaPAMARHAISH? PRINCIPAL ita H. Jongh ee Content Page Ust of Practica’s and Progressive assessment Sheet Ra i 7 fexeneemmee” [alerted ae > renee oiler flew | STD - ier Fray Sea ——— emer tt 7 [Seis fale] AB fern Ssies | nies + eT altel ne Sorc, | 18109 fastey Soe n [eemcinesirnannnne |2elee eq . a S| RY ie a Ree eahe| eho| vel [2a)10 we [faucet "| aah [oon [Bq teen re Oscar Wh Ly. LL Aino EL 1 Guspeditied Binge of Stetement 4 qnore f 1 he tsa WW 4Ea_“Tew, ip hy i 7 % 1. a Mee ars ty ers! making, +}WHrTF 2 statement 2 [22 Se} 40 stat : 4 Wo Bo Te: Stabement: no Iie wtatemaod 5 t ihe if Selene he Schon Ringomea : AAA Program using statement tim =tead> ile>fttement=tile> bedy> “script languae~"jvascript” type="Tewtjavaseript™> geo) i document vrte"NUMBER 1S POSITIVE”); eu sctipt> -thunl> nitibaed) slides vhebvs <> ed et shoe Program using if-else statement Ifstatement Program using switch statement SWITCHCASE Script language="iavaseript ty var days=5; switeh(days) case 1 document write("SUNDAY"); break; document.write("MONDAY"); break; case 3: document.vrite("TUESDAY"); breaks case 4: Program using For loop. FORLoop<htitle> <head> <body> <script language="javaseript" type="text/javaseript"> var n; n=prompt("Enter a vali for(var i=0;i<=nji++) t document.write("number are:"+i#"<br>"); } </script> </body> fe </html> OD teyricwusersntes oangehessitaraap him number are number are: Program using While loop. <html> <head> ‘title>1fstatement javascript" type="text/javascript"> a=prompi("enter a number:"); while(i<=a) - { ~ document.write(i+"
"); it=1; 7 ) ad - — 7 SD teirepuenrtey pense ann = Program using do while loop. FORLOOP ipt language="javascript" type="text/javascript"> (“enter a numbers"); apron do. { document.write(i+"
"); it=1; } while(i a CD fevers niles eee: i hie array @n JovaSeript are used to Stere Aim 5~ —_ aes a if : | | funy tionality . fb ae} l : : Theary - + fs array 2 2 ‘ mital A Sine. Se5i lement of the same type. d +0 Store collection a} think cf on aroy as acali=ction o& voriob) Of the same type 4 Ie Declaring an Prray * Yh Sbpect & array con hove Propertics tn A Single variable 4. ——— s eT cme can: \create ord ‘aM array log Here are 3 pays for inviking. thiss constructoy be cal it wild NO aracurments +. Yar a = nec» arrous em Wa PracticalNo: O44 Aims? Develop o waSer! 9 to Implernen*+ Function - 38 | Marks obtetned- Related. Related i eee — Process, Prodact “Total Sigh. { | d fat dP faethe abcde Practical No: 02 secu nteensi sth te" a Prop hh EEE PEL YL Weteetn 2 Se Question: Develop a program to perform Arihemtie operation rumen WANDER document NALD OFEAATOIN: Question: Develop a program to perform Arithemetic operation. -ehtmi> Arithmeti </head> <body> <script language="Javascript" type="text/javascript"> var a=prompt("Enter first number:"); var b=prompt("Enter second number:"); var op=prompt("Enter an operator") switch(op) { operation c=parseint(a}+parseint(b); document.writel"ADDITION:"+c}; break; sor document.write("SUBTRACTION:"+¢); break; case "*" *b; document.write("MULTIPLICATION:"+c), break; case "/" © document.write("DIVISION:"+c); break; case 5; document.write("REMAINDER:"+<}, bre default; document.write("INVALID OPERATORIIIII!"); break; } document.write("
ARITHMETIC OPERATION IS BEGIN COMPLETEDIIIIIII!") ‘ CD) Aleys/cyseesiiles/Desktop/CS5/arithmetic.ntm! ADDITION:11 [ARITHMETIC OPERATION IS BEGIN COMPLETED!!!!1H1 CD fteyyrcintsersiites SUBTRACTION:2 HMETIC OPERATION IS BEGIN COMPLETED!!"!!!"l! DD fiteyyscifusersinie MULTIPLICATION:30 IC OPERATION IS BEGIN COMPLETED!!!!!!!! CD fileys/cifusers/nile: DIVISIC ARITHMETIC OPERATION IS BEGIN COMPLETED!!!!!!!! Ce O cxfsers/niles REMAINDER:1 ARITHMETIC OPERATION 1S BEGIN COMPLETED!"!!!!1! Te I Question: Develop a Program to display message in javascript. prl</itle> </head> <body> <script language="javascript” ty cript"> alert("HELLO WELCOME TO JAVASCRIPT"); </script> </body> </htmI> 24 Practical No: O64 Aims: Create a webpage using form element?) i Marks Obtained - { rocess Prodaot Total Sign - Related Cis) C3s) C so) ai J p MMI a Toe _ iB nas a = te commana : ised anith form far fall wee =. -reSponse:-.- f+ de a 1 : aaa ct (ucromerct onalite : ae lee Roe ee AN oh ema i. [#9 ami val dat e_ptoc ee that User oe. ner beefore data is_suknitted te sere —— tide Semiph.t 00/4 ae pet eg, Be TA Hod Ly a Pétion - Ve Feira Ian: form is a teduen ae him) decument that Ccombering th Jemend: Re traidie! lod thon a she bee _, checks hax om d_oplon \usthvamd fotn, . eae’ 2 a As ACT: speck Element! Por nn 1 | sewt! j\fne of te. Sppest ve xt en bo outer single ye cehe re come nk ee . WAN — Th Slava Seri a mm o. alled dire. m ; nak a x S ea four Gre called fn respense 40 various user dctens Sach a cickiing a butten or meving os ve ‘ enie. One Of the derm-crmb primary tian Fy cohichy vaseripk is executed, < 2g through vent Tawaseripl. enable cee pag. v wi ,eve i i tha ocaurs the eselepage Mouse Gent- toshen the/ page loads thar go an element uahen +h xe Nicks On a bette thay clicie. V is an even} - 2. Bnothex, example oF event are line cide ao ‘S as fol) Sealing cies Sim ple’ Goel: “mouse up Meose down “Moo. ven “Mors & move Aimouse: expe} ot +1: Prac Ques <html <head <scrip functi </scrip ~</head <body: Sp>Cli <form> <input S/form: S/body: html Output 4 Practical 7 Question: Create web page using Form Element Part-I. <html> <head> <script type="text/javascript"s function sayHello() { alert("HELLO. WORLD!!!) "; } </script> J </head> <body> <p>Click the button to see result</p> 4 <form> Loreto benwe miedo toned ned Lhe d . 4 Value="SAY HELLO"> | <input type="button" onclick="sayHello()" </form> | </body> | <Shtmi> Output ent! html x + CyUsers/niles/Desktop/CSS/fevent .htmt ca = CatenynteOescopCsStven hn (Choke baton to ae cet Tis pages ‘sare i mat Practical No: Os 6 __L Aims: Create a smehbpage to tfmplemen+ —— Farm Seok Part -aT \ f | jaan | a 1 Crea @_cweboa mn zs venk = Sart TT - ~\__|[ key event « Ni_|| He a document obhyect react ts kee | relate al event +can be cateqonized as fo No ceri foey I A ng Foust Likey Dacmn= A ey $5 pressed daecan - : lo. Key Press~ A charach Keo} 5 Bri al 8. key up A Kei is released Batten @ren% handling . i The andlich& event % th most frequ nly Used event 4p IntGh oceerrs emhen aA us CNek= moose 1eft batten - 2: “The enclick Ps an event handler esthich sch sur a pece @\ Tava Serip ashen an Clement jo clicked on 3: Rememhe that on ana) are add-ech Qnside ype not tog Question: Create web page to implement Form Events -Part II <hemi> <head> <title>Mouse Events fanetion init) i ‘ aaa var panel=document.getElementByld('panel’) 5 cument.getElementByld(‘btn') —_— btn.addEventListener(“dblclick" dbIClick) btn.addEventListener("mousedown", MouseDown) yy bin.addEventListener("mouseup", MouseUP) —— bin.addEventListener("mouscover", MouscOver) poey btn.addEventListener("mouseout", MouscOut) } Te function click) t panel.innerHTML+="Mouse Clicked
" } Bae function dbIClick() ect { ae panel.innerHTML+="Mouse Double Cli¢ked
" | } — fanction mouseDown() } t panel.innerHTML+="Moxse Down
" } function mouseUp() t panel.innerHTML+="Mouse Up
" } function mouseOver() { 34 pancl.innerH TML += } "Mouse Oversbr/>" function mouseOut() { panel.innerHTM. 'L+="Mouse Out
" function mouseMove() { panel.innerHTML+="Mouse Move
" }

Mouse events performed are

Output: DB) Mouse Events Cae Oo fe tings‘ —__—_—_—— ey Marks Obtained + t a pear eeas a Process Prodact \ Ign Retard Retated Cis) (3s) (so) iV a | i bibclcbabeledadd Ly \7 [Aims Deveton siebpag = : rst Ma anckton at ry (ic a al ica FeV in eR Ve enero eed \ | ae SSE ymsi Dev : oe ees acess \ creating Sechian a 35 ot nd presisten} crokiea. observe the ee e an ck atin = mi : ea se ae Say 3 cal - - : Theo + : — 1A ele a Norrie ell tee wed bey the brocas. & fated) < 1c a> reo. Con reca\\ usec peternacn ov obn« _} ex} ari cohen the as leave page and tne Tenees” st Wee coo Ke - es aad Cookies * iD et ae Presistan+ til session res eg coo ki CS cso’ i Session cooties: This cecki@- is cr #empararg @ ahid breissén sub foide to Fessjon 7 cori +e eacry \eru ee 3 coolsen is cletectecd - Pee sinters namtet _ Kis mie Pie | remmaty in your sey Sun fold &c a, the a chit en Sow Vv teit tha & creates| pisgloan ohiex . 4 Question: Session Cookies a —_ Enter your name:
xt" name="customer" Marks Obleined - f ry | —— —— “tote! Sign + E Related | Related Qs) c3s) cso) | 4s Pan <= Se We aa a \ — ; th] celmdecs sbicct cahioy @s atop level abject I | @n_client side ave ript i ert iqienindoss = — en-aneme _ecaitnin a frame seb... a —_|la- since i < 4} 4 —— Ceriain object live docrsent history che - eolthin it: feted et 3. he aad pbyeck is + used -fo open, nea. coindocy And loots th: = 2 docurme ry} pecified by a given URL.” 3 tH mnihes D cee ned ; et Var neta A evindese -open(UbLiname feakres)) coher : URL es string that specified the URL ofthe etomugent jo display -if no ORL Fs specified eco Ce ih alboct \ \\ we —tHame @s4 string thal specified the name St the co inde - py \y\ A }————__ 4s =~ | Sentores_ea string ahak coviein a a a | Sensisi 26 an apilon anda value. ~ NY Regetlax €xpression: age - ee Regilor Gxpresdon { i A Perter) £ character Jevascriph regular expression ar Lobjects « : iment 5 ! teSt the “regeilay expression aqainst a String - : > g i > i we Expression. &, ten Of ebracke | hetssen te forward slashes (J++ /) i I of: vega lay. -axcpr]ession is work) frit. «Stri LO very efficient nay toss ct || coay + eyed iain ig ci Gling a re: oe \ ie : —~ |. search tev): ye string —"| * a ing @nb. i : aati on from a String.” SHrack @n-foermal = —_|s. hy aewa script Jregeiar_atpression or “I mae || by Regect: pa. regular pres: Jon 4 Ema taee 4 ul As Regixp! cass an. 7 Jexsing” ee tels nese teat Cane! lei Thess are tteo set ef method te.clent Loatth regular s creatin,