WEB TECHNOLOGIES - MRCET

Transcription

WEB TECHNOLOGIESLABORATORY MANUALB.TECH(III YEAR – II SEM)(2018-19)DEPARTMENT OFCOMPUTER SCIENCE AND ENGINEERINGMALLA REDDY COLLEGE OF ENGINEERING &TECHNOLOGY(Autonomous Institution – UGC, Govt. of India)Recognized under 2(f) and 12 (B) of UGC ACT 1956(Affiliated to JNTUH, Hyderabad, Approved by AICTE - Accredited by NBA & NAAC – ‘A’ Grade - ISO 9001:2015 Certified)Maisammaguda, Dhulapally (Post Via. Hakimpet), Secunderabad – 500100, Telangana State, India

DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERINGVision To acknowledge quality education and instill high patterns ofdiscipline making the students technologically superior and ethicallystrong which involves the improvement in the quality of life inhuman race.Mission To achieve and impart holistic technical education using the best ofinfrastructure, outstanding technical and teaching expertise toestablish the students into competent and confident engineers. Evolving the center of excellence through creative and innovativeteaching learning practices for promoting academic achievement toproduce internationally accepted competitive and world classprofessionals.

PROGRAMME EDUCATIONAL OBJECTIVES (PEOs)PEO1 – ANALYTICAL SKILLS1. To facilitate the graduates with the ability to visualize, gather information,articulate, analyze, solve complex problems, and make decisions. These areessential to address the challenges of complex and computation intensiveproblems increasing their productivity.PEO2 – TECHNICAL SKILLS2. To facilitate the graduates with the technical skills that prepare them forimmediate employment and pursue certification providing a deeperunderstanding of the technology in advanced areas of computer science andrelated fields, thus encouraging to pursue higher education and research basedon their interest.PEO3 – SOFT SKILLS3. To facilitate the graduates with the soft skills that include fulfilling the mission,setting goals, showing self-confidence by communicating effectively, having apositive attitude, get involved in team-work, being a leader, managing theircareer and their life.PEO4 – PROFESSIONAL ETHICSTo facilitate the graduates with the knowledge of professional and ethicalresponsibilities by paying attention to grooming, being conservative with style,following dress codes, safety codes,and adapting themselves to technologicaladvancements.

PROGRAM SPECIFIC OUTCOMES (PSOs)After the completion of the course, B. Tech Computer Science and Engineering, thegraduates will have the following Program Specific Outcomes:1. Fundamentals and critical knowledge of the Computer System:- Able toUnderstand the working principles of the computer System and its components ,Apply the knowledge to build, asses, and analyze the software and hardwareaspects of it .2. The comprehensive and Applicative knowledge of Software Development:Comprehensive skills of Programming Languages, Software process models,methodologies, and able to plan, develop, test, analyze, and manage thesoftware and hardware intensive systems in heterogeneous platformsindividually or working in teams.3. Applications of Computing Domain & Research: Able to use the professional,managerial, interdisciplinary skill set, and domain specific tools in developmentprocesses, identify the research gaps, and provide innovative solutions to them.

PROGRAM OUTCOMES (POs)Engineering Graduates will be able to:1.Engineering knowledge: Apply the knowledge of mathematics, science,engineering fundamentals, and an engineering specialization to the solutionof complex engineering problems.Problem analysis: Identify, formulate, review research literature, and analyzecomplex engineering problems reaching substantiated conclusions using firstprinciples of mathematics, natural sciences, and engineering sciences.3. Design / development of solutions: Design solutions for complex engineeringproblems and design system components or processes that meet thespecified needs with appropriate consideration for the public health andsafety, and the cultural, societal, and environmental considerations.4. Conduct investigations of complex problems: Use research-based knowledgeand research methods including design of experiments, analysis andinterpretation of data, and synthesis of the information to provide validconclusions.5. Modern tool usage: Create, select, and apply appropriate techniques,resources, and modern engineering and IT tools including prediction andmodeling to complex engineering activities with an understanding of thelimitations.6. The engineer and society: Apply reasoning informed by the contextualknowledge to assess societal, health, safety, legal and cultural issues and theconsequent responsibilities relevant to the professional engineering practice.7. Environment and sustainability: Understand the impact of the professionalengineering solutions in societal and environmental contexts, anddemonstrate the knowledge of, and need for sustainable development.8. Ethics: Apply ethical principles and commit to professional ethics andresponsibilities and norms of the engineering practice.9. Individual and team work: Function effectively as an individual, and as amember or leader in diverse teams, and in multidisciplinary settings.10. Communication: Communicate effectively on complex engineering activitieswith the engineering community and with society at large, such as, being ableto comprehend and write effective reports and design documentation, makeeffective presentations, and give and receive clear instructions.11. Projectmanagement and finance: Demonstrate knowledge andunderstanding of the engineering and management principles and applythese to one’s own work, as a member and leader in a team, to manageprojects and in multi disciplinary environments.12. Life- long learning: Recognize the need for, and have the preparation andability toengage in independent and life-long learning in the broadestcontext of technological change.2.

MALLA REDDY COLLEGE OF ENGINEERING & TECHNOLOGYMaisammaguda, Dhulapally Post, Via Hakimpet, Secunderabad – 500100DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERINGGENERAL LABORATORY INSTRUCTIONS1. Students are advised to come to the laboratory at least 5 minutes before (to thestarting time), those who come after 5 minutes will not be allowed into the lab.2. Plan your task properly much before to the commencement, come prepared to thelab with the synopsis / program / experiment details.3. Student should enter into the laboratory with:a. Laboratory observation notes with all the details (Problem statement, Aim,Algorithm, Procedure, Program, Expected Output, etc.,) filled in for the lab session.b. Laboratory Record updated up to the last session experiments and other utensils (ifany) needed in the lab.c. Proper Dress code and Identity card.4. Sign in the laboratory login register, write the TIME-IN, and occupy the computersystem allotted to you by the faculty.5. Execute your task in the laboratory, and record the results / output in the labobservation note book, and get certified by the concerned faculty.6. All the students should be polite and cooperative with the laboratory staff, mustmaintain the discipline and decency in the laboratory.7. Computer labs are established with sophisticated and high end branded systems,which should be utilized properly.8. Students / Faculty must keep their mobile phones in SWITCHED OFF mode duringthe lab sessions.Misuse of the equipment, misbehaviors with the staff and systemsetc., will attract severe punishment.9. Students must take the permission of the faculty in case of any urgency to go out ; ifanybody found loitering outside the lab / class without permission during workinghours will be treated seriously and punished appropriately.10. Students should LOG OFF/ SHUT DOWN the computer system before he/she leavesthe lab after completing the task (experiment) in all aspects. He/she must ensurethe system / seat is kept properly.Head of the DepartmentPrincipal

Objectives: To develop an ability to design and implement static and dynamic website Choose best technologies for solving web client/server problems Create conforming web pages Use JavaScript for dynamic effects To prepare PHP scripts Use JavaScript & PHP to validate form input entry Understand, analyze and create XML documents and XML Schema Understand, analyze and build web applications using PHP Use appropriate client-side or Server-side applications Handling Cookies and Sessions using PHP, SERVLETS and JSP Manage normal and abnormal interactions with databases using JDBC.Outcomes:Upon successful completion of this course, the students will be able to: Design and implement dynamic websites with good aesthetic sense of designingand latest technical know-how's Create web pages using HTML and Cascading Styles sheets Analyze a web page and identify its elements and attributes Create dynamic web pages using JavaScript Build web applications using PHP Create XML documents and XML Schema Understand, analyze and apply the role of languages like HTML, CSS, XML,JavaScript, PHP, SERVLETS, JSP and protocols in the workings of the web andweb applications Have a Good grounding of Web Application Terminologies, Internet Tools, E – Commerce and other web servicesDevelop interactive web applications using HTML forms and servlets.Use request and response objects provided to a servlet to read parameters andto produce an HTML response. Develop JSP applications implementing Session management and Data baseConnectivity.

INDEXS.No1List of programsPg.No.Design the following static web pages required for an online book store 1-8web site.1) HOME PAGE: The static home page must contain three frames.2) LOGIN PAGE3) CATOLOGUE PAGE: The catalogue page should contain thedetails of all the books available in the web site in a table.4) REGISTRATION PAGE2Write JavaScript to validate the following fields of the Registration 9-14page.1. First Name (Name should contains alphabets and the lengthshould not be less than 6 characters).2. Password (Password should not be less than 6 characters length).3. E-mail id (should not contain any invalid and must follow thestandard pattern name@domain.com)4. Mobile Number (Phone number should contain 10 digits only).5. Last Name and Address (should not be Empty).3Develop and demonstrate the usage of inline, internal and external 15-17style sheet using CSS4Develop and demonstrate JavaScript with POP-UP boxes and 18-21functions for the following problems:a) Input: Click on Display Date button using onclick( ) functionOutput: Display date in the textboxb) Input: A number n obtained using promptOutput: Factorial of n number using alertc) Input: A number n obtained using promptOutput: A multiplication table of numbers from 1 to 10 of n usingalertd) Input: A number n obtained using prompt and add another numberusing confirmOutput: Sum of the entire n numbers using alert5Write an HTML page that contains a selection box with a list of 5 22countries. When the user selects a country, its capital should beprinted next in the list. Add CSS to customize the properties of thefont of the capital (color,bold and font size).

6Write an HTML page including any required JavaScript that takes a 23-24number from text field in the range of 0 to 999 and shows it in words.It should not accept four and above digits, alphabets and specialcharacters.Develop and demonstrate PHP Script for the following problems:78925-26a) Write a PHP Script to find out the Sum of the Individual Digits.b) Write a PHP Script to check whether the given number isPalindrome or notCreate an XML document that contains 10 users information. Write aJava Program, which takes User Id as input and returns the userdetails by taking the user information from XML document usingDOM parser or SAX parser.27-2930-35Implement the following web applications using (a) PHP36-44(b) Servlets45-51(c) JSPA web application that takes a name as input and on submit it shows a hello name page where name is taken from the request. It shows the start timeiat the right top corner of the page and provides a logout button. On clickingthis button, it should show a logout page with Thank You name messagewith the duration of usage (hint: Use session to store name and time).ii Write a PHP Program to display current Date, Time and Day.A web application that takes name and age from an HTML page. If the ageis less than 18, it should send a page with “Hello name , you are notiii authorized to visit the site” message, where name should be replaced withthe entered name. Otherwise it should send “Welcome name to this site”message.A web application that lists all cookies stored in the browser on clickingiv “List Cookies” button. Add cookies if necessary.52-571011Implement the web applications with Database using(a) PHP, (b) Servlets and (c) JSP.58-59Modify the above PHP program to use an xml instead of database60-6712Write a program to design a simple calculator using (a) JavaScript (b)PHP (c) Servlet and (d) JSP.

WEB TECHNOLOGIES LABMRCETWEEK 1:Design the following static web pages required for an online book store web site.1) HOME PAGE: The static home page must contain three frames.2) LOGIN PAGE3) CATOLOGUE PAGE: The catalogue page should contain the details of all the booksavailable in the web site in a table.4) REGISTRATION PAGEAim: Design the following static web pages required for online book store.1. Home page:- the static home page must contains three pages2. Top frame:- logo and college name and links to homepage, login page, registration pageand catalogue page3. Left frame:- at least four links for navigation which will display the catalogue ofRespective links4. Right frame:- the pages to links in the left frame must be loaded here initially it Containsthe description of the website.DESCRIPTION: In this program the entire web paged are created by using basic HTMLtags. Home page is divided into 3 frames by using frameset and frame tags. A frame isused to display a web page within a web page. frameset : The frameset tag defines a frameset. The frameset element holds one or more frame elements. Each frame element can hold a separate document. The frameset element specifies HOW MANY columns or rows there will be in theframeset, and HOW MUCH percentage/pixels of space will occupy each of them. frame : The frame tag defines one particular window (frame) within a frameset . Each frame in a frameset can have different attributes, such as border, scrolling,the ability to resize, etc.PROGRAM:home.html: frameset rows "40%,*" frame src "top.html" noresize scrolling "NO" name "topframe" frameset cols "15%,*" frame src "left.html" noresize scrolling "NO" name "leftframe" frame src "right.html" noresize name "rightframe" scrolling "auto" /frameset /frameset top.html: html head title Top Frame /title /head body bgcolor "YellowGreen " img src "images/logo1.png" width "125" height "115" align "left" DEPARTMENT OF CSEPage 1

WEB TECHNOLOGIES LABMRCET img src "images/cse.png" width "125" height "115" align "right" center marquee bgcolor "yellow" width "650" behavior "alternate" font face "Brush Script MT" size "8" color "green" b i Online Book Store /i /b /font /marquee br font face "Brush Script" size "6" color "white" b Created & Maintained ByMRCET /b /font /center br table width "100%" height "50%" cellspacing 10 tr align "center" td a href "Home.html" target " parent" font face "Brush Script" size "6"color "navy" HOME /a /td td a href "login.html" target "rightframe" font face "Brush Script" size "6"color "navy" LOGIN /a /td td a href "registration.html" target "rightframe" font face "Brush Script"size "6" color "navy" REGISTER /a /td td a href "catalogue.html" target "rightframe" font face "Brush Script"size "6" color "navy" CATALOGUE /a /td /tr /table /body /html left.html: html body align "center" bgcolor "bisque" br a href "cse.html" target "rightframe" font size "6" CSE /font /a br br a href "ece.html" target "rightframe" font size "6" ECE /font /a br br a href "eee.html" target "rightframe" font size "6" EEE /font /a br br a href "mech.html" target "rightframe" font size "6" MECH /font /a br /body /html right.html: html body bgcolor "orange" center img src "images/Books.jpg" height "170" br font face "Brush Script MT" size "5" color "blue" h1 b Welcome to the Online Book Store!!! /b /font br / font face "Brush Script MT" size "5" color "red" h2 b "A Huge Collection Of Engineering E-Books" /b /h2 /font /center /body /html DEPARTMENT OF CSEPage 2

WEB TECHNOLOGIES LABMRCETcse.html: html head title CSE /title /head body bgcolor "cyan" center font color "blue" h1 Computer Science and Engineering /h1 /font /center br table align "center" tr td Text Books /td td select option value "select the book" selected Select the book option value "C&Ds" C&Ds option value "Ads" Ads option value "Java" Java option value "Oracle" Oracle option value "Ms SQL Server" Ms SQL Server option value "MySql" MySql /select /td /tr tr td Quantity /td td input type "text" id "q" /td /tr tr td /td td form method post action "order.html" input type "submit" value ok / /form /td /tr /table center pre Cost of one book is"500" shipping "100" /pre /center /body /html ece.html: html body bgcolor "Plum" h1 font color "blue" Electronics and Communication Engineering /font /h1 h2 ul li Digital Circuits /li li Signals and Systems /li li Digital Communication /li /ul /h2 /body /html DEPARTMENT OF CSEPage 3

WEB TECHNOLOGIES LABMRCETeee.html: html body bgcolor "Plum" h1 font color "blue" Electrical and Electronics Engineering /font /h1 h2 ul type "square" li Concepts in Electric Circuits /li li Introduction to Electronic Engineering /li li Electrical Power /li /ul /h2 /body /html mech.html: html body bgcolor "Plum" h1 font color "blue" Electronics and Communication Engineering /font /h1 h2 ol type "I" li Theory of Machines /li li Automation and Robotics /li li Engineering Fluid Mechanics /li /ol /h2 /body /html catalogue.html: html head title Catalogue /title /head body bgcolor "pink" form action "order.html" table border "1" width "100%" tr td img src "images/wt.jpg" width 100 height 100/ /td td Book: Web Technologies br Author: Uttam K. Roy br Publication:OxfordUniversity Press /td td 531     /td td input type "submit" value "Add to cart"/ /td /tr tr td img src "images/php.jpg" width 100 height 100/ /td td Book: PHP & MySQL Web Development br Author:Luke Welling & LauraThompson br Publication:PEARSON /td td 898     /td td input type "submit" value "Add to cart"/ /td /tr /table /form /body /html DEPARTMENT OF CSEPage 4

WEB TECHNOLOGIES LABMRCETlogin.html: html body bg color "pink" basefont face "Cambria" size "4" br center img src "images/login.jpg" width "385" height "135" / br / font face "Brush Script MT" size "7" color "purple" b Enter Login Details: /b /font /center form name "f1" method "post" action "right.html" table align "center" width "100" height "150" cellspacing ”15” tr td b Login ID: /b /td td input type "text" name "t1" /td /tr tr td b Password: /b /td td input type "password" name "t2" /td /tr tr align "center" td input type "submit" name "b1" value "Submit" /td td input type "reset" name "b2" value "Reset" /td /tr /table /form /basefont /body /html registration.html: html head title Registration Form /title /head body bgcolor "#E4F0F8" center font color "blue" size "6" face "arial" Registration Form /font /center br / form action "right.html" First Name(Minimum 6 characters) font color "red" * /font input type 'text' id 'firstname' / br / br / Last Name font color "red" font color "red" * /font /font     input type 'text' id 'lastname' / br / br / EmailAddress font color "red" * /font     input type 'text' id 'email' / br / font color "red" (one e-mail id only): /font     font color "redblue" e.g. smith@hotmail.com /font br / br/ Password(minimum 6 characters) font color "red" * /font     input type 'password' id 'pass' br / br/ Address font color "red" * /font     textarea rows "2" cols "20" id 'addr' / /textarea br / br/ Mobile No font color "red" * /font     input type 'text' id 'mobileno' / br / Gender: input type 'radio' name "gender" male input type 'radio' name "gender" female br/ br / input type 'Submit' value 'submit' / input type 'Reset' value 'reset' / /form /body /html DEPARTMENT OF CSEPage 5

WEB TECHNOLOGIES LABMRCETorder.html: html head title order conformation /title /head body bgcolor "cyan" center pre strong b Your order Is Conformed /strong /pre h2 b THANK YOU.Visit Again /h2 /center /body /html OUTPUT:DEPARTMENT OF CSEPage 6

WEB TECHNOLOGIES LABDEPARTMENT OF CSEMRCETPage 7

WEB TECHNOLOGIES LABMRCETEXERCISE:1. Create your class time table in a webpage.2. Design the static web pages required for an online shopping cart.DEPARTMENT OF CSEPage 8

WEB TECHNOLOGIES LABMRCETWEEK 2: Write JavaScript to validate the following fields of the Registration page.1. First Name (Name should contains alphabets and the length should not be less than 6characters).2. Password (Password should not be less than 6 characters length).3. E-mail id (should not contain any invalid and must follow the standard patternname@domain.com)4. Mobile Number (Phone number should contain 10 digits only).5. Last Name and Address (should not be Empty).AIM: To validate the fields of registration page using JavaScriptDESCRIPTION: In order to validate the fields of login and registration pages JavaScript isused. JavaScript is programming code that can be inserted into HTML pages. JavaScriptinserted into HTML pages, can be executed by all modern web browsers. JavaScript ismainly used for validating the elements in a form submitted by the user. This JavaScript codecan react to user events.PROGRAM: After clicking OK button the page is redirected to success.html html head title Registration Form Validation /title /head body bgcolor "#E4F0F8" script type 'text/javascript' function formValidator(){// Make quick references to our fieldsvar firstname document.getElementById('firstname');var lastname document.getElementById('lastname');var email document.getElementById('email');var pass document.getElementById('pass');var addr document.getElementById('addr');var mobileno document.getElementById('mobileno');// Check each input in the order that it appears in the form!if(notEmpty(firstname, "can not be null")){if(isAlphabet(firstname, "Please enter only letters for your Firstname")){if(lengthRestriction(firstname, 6)){if(isAlphabet(lastname, "Please enter only letters for your Lastname")){if(emailValidator(email, "Please enter a valid email address")){if(lengthRestriction(pass, 6)){if(isAlphanumeric(pass, "please enter Numbers and Letters Only for password")){if(notEmpty(addr, "please enter the address")){if(isNumeric(mobileno, "Please enter a valid mobileno")){if(lengthRestriction1(mobileno, 10 , 10)){return true;}} } }}}}} }}return false;}function notEmpty(elem, helperMsg){DEPARTMENT OF CSEPage 9

WEB TECHNOLOGIES LABMRCETif(elem.value.length 0){alert(helperMsg);elem.focus(); // set the focus to this inputreturn false;}return true;}function isNumeric(elem, helperMsg){var numericExpression / [0-9] /;if(elem.value.match(numericExpression)){return true;}else{alert(helperMsg);elem.focus();return false;}}function isAlphabet(elem, helperMsg){var alphaExp / [a-zA-Z] /;if(elem.value.match(alphaExp)){return true;}else{alert(helperMsg);elem.focus();return false;}}function isAlphanumeric(elem, helperMsg){var alphaExp / [0-9a-zA-Z] /;if(elem.value.match(alphaExp)){return true;}else{alert(helperMsg);elem.focus();return false;}}function lengthRestriction(elem, min){var uInput elem.value;if(uInput.length min){return true;}else{alert("Please enter minimum " min " characters");elem.focus();return false;}}function emailValidator(elem, helperMsg){DEPARTMENT OF CSEPage 10

WEB TECHNOLOGIES LABMRCETvar emailExp / [\w\-\.\ ] \@[a-zA-Z0-9\.\-] \.[a-zA-z0-9]{2,4} /;if(elem.value.match(emailExp)){return true;}else{alert(helperMsg);elem.focus();return false;}}function lengthRestriction1(elem, min, max){var uInput elem.value;if(uInput.length min && uInput.length max){return true;}else {alert("Please enter 10 numbers only");elem.focus();return false;}} /script center font color "blue" size "6" face "arial" Registration Form /font /center br / form onsubmit 'return formValidator()' action "right.html" First Name(Minimum 6 characters) font color "red" * /font input type 'text' id 'firstname' / br / br / Last Name font color "red" font color "red" * /font /font     input type 'text' id 'lastname' / br / br / Email Address font color "red" * /font     input type 'text' id 'email' / br / font color "red" (one e-mail id only): /font     font color "redblue" e.g. smith@hotmail.com /font br / br/ Password(minimum 6 characters) font color "red" * /font     input type 'password' id 'pass' br / br/ Address font color "red" * /font     textarea rows "2" cols "20" id 'addr' / /textarea br / br/ Mobile No font color "red" * /font     input type 'text' id 'mobileno' / br / Gender: input type 'radio' name "gender" male input type 'radio' name "gender" female br/ br / input type 'Submit' value 'submit' / input type 'Reset' value 'reset' / /form /body /html DEPARTMENT OF CSEPage 11

WEB TECHNOLOGIES LABMRCETOUTPUT:DEPARTMENT OF CSEPage 12

WEB TECHNOLOGIES LABDEPARTMENT OF CSEMRCETPage 13

WEB TECHNOLOGIES LABDEPARTMENT OF CSEMRCETPage 14

WEB TECHNOLOGIES LABMRCETWEEK - 3: Develop and demonstrate the usage of inline, internal and external stylesheet using CSS.Aim: Design a web page using CSS which includes the following:1) Use different font styles2) Control the repetition of image with background-repeat and no-repeat property3) Define style for links as a: link, a: active, a: hover, a: visited4) Add customized cursors for NT OF CSEPage 15

WEB TECHNOLOGIES LABMRCETsample.html html head style type "text/css" ound-repeat:no-repeat;background-position:center r:pink;}a:link { text-decoration:none;color:orange; }a:visited { text-decoration:none;color:red; }a:hover { text-decoration:underline;color:blue; }a:active { text-decoration:underline;color:purple; }h3 { color:green; help} /style link rel "stylesheet" type "text/css" href "style.css" /head body bgcolor "cyan" h1 style "color:blue;text-align:center;" CSS (Inline, Internal and External) /h1 p This Paragraph is a Not Styled /p p class "left" This Paragraph is Styled by class "Left" /p p class "center" This Paragraph is Styled by class "Center" /p p class "right" This Paragraph is Styled by class "Right" /p b This is normal Bold /b br b id "headline" This Bold Text is Styled /b h2 b a href " " This is a link /a /b /h2 h3 class "c1" The cursor over this element is plus sign /h3 h3 class "c2" The cursor over this element is a pointing hand /h3 h3 class "c3" The cursor over this element is a grasping hand /h3 h3 class "c4" The cursor over this element is a I bar /h3 h3 class "c5" The cursor over this element is a wait /h3 h3 class "c6" The cursor over this element is a question mark /h3 /html DEPARTMENT OF CSEPage 16

WEB TECHNOLOGIES LABMRCETOUTPUT 1:OUTPUT 2: background-repeat : repeat;EXERCISE:1. Create a rich graphical webpage using CSS (ID selector & Class Selectors).DEPARTMENT OF CSEPage 17

WEB TECHNOLOGIES LABMRCETWEEK - 4: Develop and demonstrate JavaScript with POP-UP boxes and functions forthe following problems:a) Input: Click on Display Date button using onclick( ) functionOutput: Display date in the textboxb) Input: A number n obtained using promptOutput: Factorial of n number using alertc) Input: A number n obtained using promptOutput: A multiplication table of numbers from 1 to 10 of n using alertd) Input: A number n obtained using prompt and add another number using confirmOutput: Sum of the entire n numbers using alertPROGRAM:a) date.html html body script function display(){var x "You have clicked";var d new Date();var date d.getDate();var month d.getMonth();month ;var year ue date "/" month "/" year;} /script form input type "text" id "dis" / br / input type "button" value "Display Date" onclick "display()" / /form body /html OUTPUT:b) factorial.html html head title factorial /title script language 'javascript' DEPARTMENT OF CSEPage 18

WEB TECHNOLOGIES LABMRCETfunction factorialcalc(){number parseint(prompt("enter a number, i'll calculate its factorial", "wholenumbers bigger than zero, please"))factorial 1for (i 1; i number; i ){factorial factorial * i}alert("the factorial of " number " is " factorial

7 Develop and demonstrate PHP Script for the following problems: a) Write a PHP Script to find out the Sum of the Individual Digits. b) Write a PHP Script to check whether the given number is Palindrome or not 25-26 8 Create an XML document that contains 10 users information. Write a Java P