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
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
Step by step
Solved in 6 steps with 4 images