Document For HTML Test
Document For HTML Test
02( Graded)
Total Marks: 20
Semester: Fall 2018
Introduction to Computing - CS101 Due Date: 24-01-2019
Objectives:
After solving this assignment, students will learn about,
HTML tags and handling of HTML tags.
Form creation and form elements handling in HTML.
Knowledge about JAVASCRIPT functions and JAVASCRIPTS events.
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 assignment is submitted via email.
The assignment is copied from Internet or from any other student.
The submitted assignment does not open or file is corrupt.
It is in some format other than .html.
Note: All types of plagiarism are strictly prohibited.
For any query about the assignment, contact at [email protected]
Note: Students are required to submit HTML code file only with .html extension.
Don’t upload word format file(.doc) etc.
Question Statement:
You are required to write HTML with Java Script code to create Employee Salary Calculator
web page shown as below:
Solution guidelines of this web page are given as follows:
Create Heading “Employee Salary Calculator” using H1 tag and Welcome to online Salary
calculator using H3 tag.
Create text boxes for Employee ID, Employee Name and Father Name and show your own
VUID as Employee ID,name and father name as default value.
Next you will be required to create two radio buttons for Gender. By Default Your Gender
should be selected.
CNIC format Should be followed 33100-8565814-1 and write your own CNIC.
Create two buttons labeled as Calculate and Reset. onClick event of Calculate Button, the
JavaScript function “Salcal()”should be called to check Basic Salary entered or not. Alert
Message should be shown accordingly. If salary is in the text box then,Utitities should be
calculated as 10% of Basic Salray automatically. Similary, House Rent should be added 8%
and Tax Percentage will be deducted 2% on basic salary. Finally, total salaray should be
automatically calculated in the relavant text box by adding all fields and deducting tax.
Before clicking on calculate button you must be entered Basic Salary otherwise alert message
box should be shown accordingly etc..
Using Select tags, create any 5 tax year options i.e 2014, 2015, 2016, 2017,2018 etc but on
running web page, by default 2014 tax year should be selected.
Best of Luck