Sei sulla pagina 1di 2

KASA IT Finishing School - Feedback

Automation
feedback.html
1 <!-- This is a partial code. Implement the neccessary codes -->
2 <!DOCTYPE html>
3 <html>
4 <head>
5 <style>
6 body
7 {
8 background-color:#FFAACC;
9 }
10 h1
11 {
12 color:#770080;
13 font-style:italic;
14 font-family:courier New;
15 text-align:center;
16 }
17 #result
18 {
19 text-align: center;
20 color:#770080;
21 font-weight:bold;
22 }
23 </style>
24 </head>
25 <body>
26 <h1>College Training Feedback Form</h1>
27 <center>
28 <form onsubmit="return feedback()">
29 Participant Name<input type="text" name="participantName" id="pname"
placeholder="Enter your name"><br>
30 College Name<input type="text" name="collegeName"><br>
31 Participant Address<textarea name="participantAddress" rows="5"
cols="20"></textarea><br>
32 Gender<input type="radio" name="gender" value="male">Male
33 <input type="radio" name="gender" value="female">Female<br>
34 Email ID<input type="email" name="email"><br>
35 Mobile Number<input type="text" name="mobileNumber"
pattern="[789]\d{9}$"><br>
36 Trainer's Name<input type="text" name="trainerName" id="tname"><br>
37 Course Name<input type="text" name="courseName"><br>
38 Course Completion date<input type="date" name="dateofcompletion"><br>
39 Trainer's Feedback<input type="text" id="fd" name="trainerFeedback"
list="feedback" autocomplete="on">
40 <datalist id="feedback">
41 <option>Excellent</option>
42 <option>Very Good</option>
43 <option>Good</option>
44 <option>Average</option>
45 <option>Below Average</option>
46 </datalist><br>
47 <input type="submit" name="submit" value="Submit Feedback" onclick="return
feedback()">
48 <input type="reset" name="Reset" value="Clear">
49 </form>
50 </center>
51 <div id="result"></div>
52 <script type="text/javascript">
53 function feedback(){
54 var feedback=document.getElementById("fd").value;
55 var trainer=document.getElementById("tname").value;
56 var feedbackrate="";
57 var participant=document.getElementById("pname").value;
58 if(feedback=="Excellent"){
59 feedbackrate=5;
60 }
61 else if(feedback=="Very Good")
62 {
63 feedbackrate=4;
64 }
65 else if(feedback=="Good")
66 {
67 feedbackrate=3;
68 }
69 else if(feedback=="Average")
70 {
71 feedbackrate=2;
72 }
73 else if(feedback=="Below Average")
74 {
75 feedbackrate=1;
76 }
77 else{
78 feedbackrate=0;
79 }
80 document.getElementById("result").innerHTML = "Feedback rating of
"+trainer+" is "+feedbackrate+" / 5. Given by participant - "+participant;
81 return false;
82 }
83
84 </script>
85 </body>
86 </html>

Potrebbero piacerti anche