CS 101 Assignment No 3 Solution Fall 2019

Assignment No. 03
Semester: Fall 2019
Introduction to Computing – CS101

Total Marks: 20

Due Date: 16-01-2020

After solving this assignment, students will learn about,

• Interaction of JavaScript with HTML.
• Handling of JavaScript functions, loops, decision structure & event handling.

Instructions: Read the following instructions carefully before submitting the assignment.

It should be clear that your assignment will not get any credit if:

§ The assignment is submitted through email or after due date.

§ The assignment is not in the .html format.

§ The submitted assignment does not open or file is corrupt.

§ Assignment is copied(partial or full) from any source (websites, forums, students, etc)

§ Assignment is in any other format like images, PDF, “.txt”, “.doc”, Zip, rar etc.

Question: You are required to make a table generator webpage.

Requirements:

• The title of the web page should be your VU-ID.
• Table Generator should get the table number and table length from user and generates table of that number up to the provided length with generate button.
• It should also count even and odd values in the output & displays these counts in their respective fields.
• If user inputs value less than 1 it should not generate table but display an alert message with “Invalid Input”
• If user enters a float number then it should ignore decimal part in calculation.
• You have to make two tables with border. First table will have two table rows of and second table will have two table rows of and one table row of .</li>
• Your output should be displayed inside of 38 columns, 20 rows and colspan 2.</li>
• Heading, tables and button should be aligned to center.
• You are required to make same design and format of output as given in below sample.
• However you can choose color scheme of your own choice (other than white) but the background color of your webpage and table should be different.

Note:

• You can also use \n in JavaScript instead of
  for line break in output.
• If you have any queries, you can email at [email protected]

Sample design:

Sample output:

Sample alert message: