Create another HTML File with YourNameReqgNoJavaScript.html (Add this step screen shot too). Design the form and show the output as shown below (using table, text fields, buttons, radio buttons and formatting tags). Also define External CSS file and apply CSS to all the Text Fields, Buttons and Lables. Ask User to enter Name, Reg No, Obtain and Total Marks. When User Presses the Calculate Grade Button, then Percentage should be computed and displayed in Text field against percentage label. Finally, based on the Percentage compute the Grade and show in the Grade Text field. Using JavaScript, write code to calculate the percentage and when user clicks the Submit button then following output should be printed in Browser. When User Clicks the Clear button all the field text should be cleared.   Also, include the following Checks/Validations Student Name only contain Alphabets, Numeric value can not be entered in this filed Student Name must be atleast 5 Characters in length Marks obt and Total Marks should be Numeric Values, String/Text value can not be entered to this text fields Marks obt and Total Marks should not be Negative or Zero Reg No must be maximum of 12 Characters (12-ARID-9999) and minimum of 9 Characters (09-ARID-1) Hint: For Percentage  >=80%                                                        Grade Will be A+ For Percentage  <80%          and Percentage  > 70%         Grade Will be A For Percentage  <70%          and Percentage  > 65%         Grade Will be B For Percentage  <65%          and Percentage  > 60%         Grade Will be C F-Grade, otherwise

Computer Networking: A Top-Down Approach (7th Edition)
7th Edition
ISBN:9780133594140
Author:James Kurose, Keith Ross
Publisher:James Kurose, Keith Ross
Chapter1: Computer Networks And The Internet
Section: Chapter Questions
Problem R1RQ: What is the difference between a host and an end system? List several different types of end...
icon
Related questions
Question

Create another HTML File with YourNameReqgNoJavaScript.html (Add this step screen shot too). Design the form and show the output as shown below (using table, text fields, buttons, radio buttons and formatting tags). Also define External CSS file and apply CSS to all the Text Fields, Buttons and Lables.

Ask User to enter Name, Reg No, Obtain and Total Marks. When User Presses the Calculate Grade Button, then Percentage should be computed and displayed in Text field against percentage label. Finally, based on the Percentage compute the Grade and show in the Grade Text field. Using JavaScript, write code to calculate the percentage and when user clicks the Submit button then following output should be printed in Browser. When User Clicks the Clear button all the field text should be cleared.

 

Also, include the following Checks/Validations

  1. Student Name only contain Alphabets, Numeric value can not be entered in this filed
  2. Student Name must be atleast 5 Characters in length
  3. Marks obt and Total Marks should be Numeric Values, String/Text value can not be entered to this text fields
  4. Marks obt and Total Marks should not be Negative or Zero
  5. Reg No must be maximum of 12 Characters (12-ARID-9999) and minimum of 9 Characters (09-ARID-1)

Hint:

For Percentage  >=80%                                                        Grade Will be A+

For Percentage  <80%          and Percentage  > 70%         Grade Will be A

For Percentage  <70%          and Percentage  > 65%         Grade Will be B

For Percentage  <65%          and Percentage  > 60%         Grade Will be C

F-Grade, otherwise

Student Name
Saif UR Rehman
18-ARID-789
Reg No
380
Marks Obt (Last Se,ester)
Total Marks
500
76%
Percentage
A
Grade
Calculate Grade
Clear
Transcribed Image Text:Student Name Saif UR Rehman 18-ARID-789 Reg No 380 Marks Obt (Last Se,ester) Total Marks 500 76% Percentage A Grade Calculate Grade Clear
Expert Solution
steps

Step by step

Solved in 6 steps with 4 images

Blurred answer
Recommended textbooks for you
Computer Networking: A Top-Down Approach (7th Edi…
Computer Networking: A Top-Down Approach (7th Edi…
Computer Engineering
ISBN:
9780133594140
Author:
James Kurose, Keith Ross
Publisher:
PEARSON
Computer Organization and Design MIPS Edition, Fi…
Computer Organization and Design MIPS Edition, Fi…
Computer Engineering
ISBN:
9780124077263
Author:
David A. Patterson, John L. Hennessy
Publisher:
Elsevier Science
Network+ Guide to Networks (MindTap Course List)
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:
9781337569330
Author:
Jill West, Tamara Dean, Jean Andrews
Publisher:
Cengage Learning
Concepts of Database Management
Concepts of Database Management
Computer Engineering
ISBN:
9781337093422
Author:
Joy L. Starks, Philip J. Pratt, Mary Z. Last
Publisher:
Cengage Learning
Prelude to Programming
Prelude to Programming
Computer Engineering
ISBN:
9780133750423
Author:
VENIT, Stewart
Publisher:
Pearson Education
Sc Business Data Communications and Networking, T…
Sc Business Data Communications and Networking, T…
Computer Engineering
ISBN:
9781119368830
Author:
FITZGERALD
Publisher:
WILEY