pls answer the qustion from 7 to 10
1. (3 marks) Write an html document that shows the following output. Allow the user to enter student name, the marks of the first exam (from 20%), second exam (from 20%), final exam (from 50%), choose the mark for participation (from 10% marks) and selects the number of absences the students absent from the class. Student Name brecht First Exam (2016) Second Exam (2010) Final Exam (5080) Participation is Computer Show Id=se Id=fi Id=fnId=pId=rslt All 2. (2 marks) Make an appropriate video that Id= demonstrates how to use the form. Add name this video to the end of the form. The video must have an audio that demonstrates how to use your application in details. (hint: You may use the Camtasia studio software). 3. (1 mark) The audio bird.mp3 is played all the time while the document is opened. 4 (2 marks) Apply the following events: .. When the user focused the textboxes of ids: Name, fi, se, fn and p The audio rain.mp3 is played and the audio bird.mp3 is stopped. b. When the user blurred the textboxes of ids: Name, fi, se, fn and p the audio bird.mp3 is replayed and the audio rain.mp3 is stopped. 5. (3 marks) Compute the total grades for student as follows: Total = first + second + final + participation -If the student absences exceeds 6 times (>=7) then his Grade is F Else - If the number of absences for a students does not exceed 7 times then the grade is based on the total as follows: Total Grade F E D 0 - 40 41-60 61 - 69 70-79 80-90 B 91-100 A Put the student name, Total and grade in the textbox near the button (as shown in the form above) after the student pressed the compute button. 6 (4 marks) The user must enter a valid student name. A valid student name must contain only letters and spaces. E.g. of valid names, Ahmad Ali", "Yousef kilani", "Mona ahmad mahmoud". E.g of invalid names: "123 ali", "rey*65", " Mahmoud 78&". If the user enters an invalid 1) a message in red color below the textbox appears to indicate there is an error, 2) a * in red color beside the textbox is appeared, 3) the border of the textbox becomes red, and 4) the Audio noisy.mp3 is played: Student Name Ali 234 Malkawi Error: The name must contain only letters and spaces 10. (5 marks) If the user clicks on the button labelled "Show All then all the previously entered correct names and their correct marks are displayed in a table as follows: Grade Marks Student Name First Second Final Participation Absences (
