Scribd
Upload
103 views3 pages

Common Challenging Cycle Sheet For B.Tech, M.Tech (Integrated S.E) and M.C.A

This document provides examples of common challenging cycle sheets for various web technologies courses. It includes examples involving HTML, CSS, JavaScript, DOM events, and form validation. Some key examples involve creating a table with stock prices, a digital clock and image slider, a student registration form with validation, a grievance registration form with DOM event handling, and an online railway reservation system with ticket booking form and DOM event handling.

Uploaded by

Chandu Yadav
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
103 views3 pages

Common Challenging Cycle Sheet For B.Tech, M.Tech (Integrated S.E) and M.C.A

This document provides examples of common challenging cycle sheets for various web technologies courses. It includes examples involving HTML, CSS, JavaScript, DOM events, and form validation. Some key examples involve creating a table with stock prices, a digital clock and image slider, a student registration form with validation, a grievance registration form with DOM event handling, and an online railway reservation system with ticket booking form and DOM event handling.

Uploaded by

Chandu Yadav
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

Common Challenging Cycle Sheet for B.Tech , M.Tech (Integrated S.E) and M.C.

Web Technologies -B.Tech (ITE1002),

Internet And Web Programming (ITA6003),

Web Technologies (SWE1008)

HTML, CSS and JavaScript:

HTML AND CSS


1. Pick 5 corporations and hunt down their current stock prices.
i) Place them in a neatly arranged table with their name, symbol, last price, 52wk
high, 52wk low and PE ratio.
ii) The end result should look like the following. Notice that the first column is
aligned left and the rest are centered.
iii) Now alter the last table using shaded rows and no border.

2. Create a web page containing three divisions.


i) The first division displays a digital clock on the rightmost end.
ii) The width of the first division is 100%.The second division and third division lay
side by side.
iii) The second division has an image slider and third division has a color picker and
two list box having font-family and size and a button. When a button is clicked
the background color, font and font size should change for a whole page. Use
JavaScript to implement the above

JAVASCRIPT

3. Design the following HTML form using HTML and javascript

i) Utilize CSS shorthand background properties to provide a color and image.


ii) Utilize field set tags.
iii) Check no fields are null.

4. Design a student registration form which takes student name, register number, DOB,
program, email id, temporary address, permanent address, phone number.
i) Validate the following using JavaScript:
a. Mobile number should be exactly 10 digits.
b. Register number should have alphabets and numbers only
c. Name should not exceed 30 characters and can be only alphabets.

ii) Email validation


iii) Provide a checkbox saying “Permanent address is same as temporary address”. If checked,
the value of permanent address should be added automatically from temp address. And should be
in disabled mode.

DOM Events:

5. i)BSNL has designed a grievance registration form in HTML with name of customer, address,
telecom circle, email and grievance nature in a list box containing huge bills for limited mobile
usage, roaming charges and frequent service disruption and a submit button. ii) Write a
Javascript DOM event to be enabled when the user submits the form and display the complaint
details in a tabular format.
iii) If no grievance is selected, then invoke another DOM event to display “ No grievances”.

6. Develop an online Railway Reservation application.


i) It has top frame with the name “Online Railway Reservation System” in the middle, there is a
logo/image in the left corner using suitable CSS styles and the left frame with the links for Ticket
booking and availability checking; for each link the target should be the right frame.
ii) Create a Ticket Booking form which should have From and To in a text box, Train Names in a
drop down box, Coach Number in a list box, Date in a date field, Timing in a text box,
Passengers Male and female in a dropdown menu showing the count number and Submit and
Reset button.
iii) Assume availability of tickets already declared in the script. Create a DOM event to display
the ticket confirmation details on any HTML element when ticket is available otherwise display
“tickets not available” by invoking any other DOM event.

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy