Web Programming Create an HTML 5 page as shown below. The page uses following styles and an image Instructions: Image (s
Posted: Sat May 14, 2022 7:18 pm
Web Programming
Create an HTML 5 page as shown below. The page uses following
styles and an image
Instructions:
Image (sms.png) you can download from blackboard
You have to write JavaScript function that will display student
details in the table whenever user click ADD STUDENT button.
Also you have to write JavaScript function that will clear the
table when user clicks Clear Form button
HTML 5
/1.25
CSS
/1.25
JavaScript
/2.50
body
background color (#E59866)
table
background color (cyan)
td
text align(center), font weight(bold)
All Images
position(absolute), left, top
Table row style if the grade is pass
background-color(#11B66B) text color (white)
Table row style if the grade is fail
background-color(#E5666E) text color (white)
User will enter Student details in text fields and clicks ADD
STUDENT button as show in below picture
User entered student details and displayed in the table as shown
in below picture
User clicks Clear Form button that clears the table as shown in
below picture
Create an HTML 5 page as shown below. The page uses following
styles and an image
Instructions:
Image (sms.png) you can download from blackboard
You have to write JavaScript function that will display student
details in the table whenever user click ADD STUDENT button.
Also you have to write JavaScript function that will clear the
table when user clicks Clear Form button
HTML 5
/1.25
CSS
/1.25
JavaScript
/2.50
body
background color (#E59866)
table
background color (cyan)
td
text align(center), font weight(bold)
All Images
position(absolute), left, top
Table row style if the grade is pass
background-color(#11B66B) text color (white)
Table row style if the grade is fail
background-color(#E5666E) text color (white)
User will enter Student details in text fields and clicks ADD
STUDENT button as show in below picture
User entered student details and displayed in the table as shown
in below picture
User clicks Clear Form button that clears the table as shown in
below picture