Assignment No.

02 Total Marks: 20
Semester: Fall 2023 Lectures: 23 to 28 (Topics:
CS202: Fundamentals of Front-End 99 to 122)
Development Due Date: 10-Jan-2024

Instructions:

Please read the following instructions carefully before submitting assignment. It should be clear that your
assignment will not get any credit if:

 The assignment is submitted after due date.

 The submitted assignment does not open or file is corrupt.
 Assignment is copied (partial or full) from any source (websites, forums, students, etc)
Note:

1) You have to just upload .html file, which will have the code of HTML. Assignment in any other format
(extension) will not be accepted and will be awarded zero marks.

2) In case of any issue, if the system does not accept .html file then zip your.html file into a zip folder and upload
it to the LMS.

Objectives:

The objectives of this assignment are:

 To learn how to add dynamic behavior in a static webpage.

 Use of different JavaScript events.
Note:

 This assignment is a Graded Assignment.

 The assignment submitted through email will not be accepted.
 For detail of topics in each lecture, see syllabus file given in download section of this course.
The link of file is: https://vulms.vu.edu.pk/Courses/CS202/Downloads/CS202%20Mid%20Term
%20Syllabus.pdf

Guidelines:

 Code should be properly indented.

 You can use the following tools/software:
o Sublime, Adobe Dreamweaver, Notepad
 You will not use any other software to make .html file

For any query about the assignment, contact at cs202@vu.edu.pk

Assignment Statement:

Suppose you have been hired as a web developer at ABC University. You have been assigned a task to
add dynamic behavior to a webpage that contains student information. Your web page should be like the
sample web pages given below.

Sample Web Page 1:

Task 1:

You will develop a simple web page with the help of basic HTML tags, <h1>, <h2>, <table>, <p>,
<input>, etc as shown in “Sample Web Page 1”.

Task 2:

When you click on the Print Text button, the background color should be changed to green, and
students’ profile information should be displayed under the Print Text button, as shown in “Sample Web
Page 2”.

Sample Web Page 2:

Solution Instructions:

 Use basic HTML and JavaScript, which you have learned so far, to design your web page as the sample
web page.

 The default background color should be exactly the same as the sample web pages.

BEST OF LUCK!