Tutoring-application/Data.html at main · jbloch100/Tutoring-application · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<HTML>
<head>
    <title>Doceo Database</title>
        <script type="text/javascript" language="javascript">
    </script>
	<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
	<meta content="utf-8" http-equiv="encoding">
 </head>
<body>
<h1>Hello World!!</h1>
<h5>&#169; 2020 Athy Ambikkumar </h5><br/><br/>
<p>Note: For each text field, the first letter of each word has to be capital letter</p>
<p>Search Tutor name (eg. Dana Unninayar) for their courses and availabilities: </p>
<input type="text" id="name"/>
<button onclick="NameFunction()"> Click</button>
<br/>
<div id="hi">
	<p>hi everyone</p>
</div><br/>
<p>Search subject as listed on website for list of tutors: </p>
<input type="text" id="subject"/>
<button onclick="SubjectFunction()"> Click</button>
<br/>
<p>Search day of the week for tutors available that day: </p>
<input type="text" id="avail"/>
<button onclick="AvailFunction()"> Click</button>
<br/>
<br/>

<script>
	function NameFunction()
	{
		var xmlhttp = new XMLHttpRequest();
		xmlhttp.onreadystatechange = function()
		{
			if (this.readyState == 4 && this.status == 200)
			{
				xmlDoc=xmlhttp.responseXML;

				var table = "<table border='1px solid black;' width='40%;' style='font-size:30px;'><tr><th>Name</th><th>Courses</th><th>Availabilities</th></tr>";

				var tutors=xmlDoc.getElementsByTagName("tutor");

				var input = document.getElementById("name").value;

				for(tutor of tutors)
				{
					if(input == tutor.getElementsByTagName("name")[0].childNodes[0].nodeValue)
					{
						table += "<tr><td>";
						table += tutor.getElementsByTagName("name")[0].childNodes[0].nodeValue + "</td><td>";

						var subjects = tutor.getElementsByTagName("subject");

						for(let subject of subjects)
						{
							table += subject.childNodes[0].nodeValue + "</br>";
						}

						table += "</td>";

						var availabilities = tutor.getElementsByTagName("available");

						table += "<td>";

						table += availabilities[0].textContent + "</br>";

						table += "</td></tr>";
					}
				}
				table += "</table>";

				document.getElementById("hi").innerHTML += table;
			}
		};

		xmlhttp.open("GET", "Tutors.xml",true);
		xmlhttp.send();
	}
</script>

<script>
	function SubjectFunction()
	{
		var xmlhttp = new XMLHttpRequest();
		xmlhttp.onreadystatechange = function()
		{
			if (this.readyState == 4 && this.status == 200)
			{
				var xmlDoc=xmlhttp.responseXML;
				var tutors=xmlDoc.getElementsByTagName("tutor");
				var input = document.getElementById("subject").value;

				document.write("<table border='1' width='15%' style='font-size:35px;'>");
				document.write("<tr><th>Tutors</th></tr>");

				for(tutor of tutors)
				{
					subjects = tutor.getElementsByTagName("subject");

					for(let subject of subjects)
					{
						if(subject.textContent == input)
						{
							document.write("<tr><td>" + tutor.getElementsByTagName("name")[0].childNodes[0].nodeValue + "</td></tr>");
						}
					}
				}

				document.write("</table>");
			}
		};

		xmlhttp.open("GET", "Tutors.xml",true);
		xmlhttp.send();
    }
</script>

<script>
	function AvailFunction()
	{
		var xmlhttp = new XMLHttpRequest();
		xmlhttp.onreadystatechange = function()
		{
			if (this.readyState == 4 && this.status == 200)
			{
				var xmlDoc=xmlhttp.responseXML;
				var tutors=xmlDoc.getElementsByTagName("tutor");
				var input = document.getElementById("avail").value;

				document.write("<table border='1' width='35%' style='font-size:35px;'>");
				document.write("<tr><th>Tutors</th></tr>");

				for(tutor of tutors)
				{
					days = tutor.getElementsByTagName("day");
					console.log(days);

					for(let day of days)
					{
						if(day.innerHTML == input)
						{
							document.write("<tr><td>" + tutor.getElementsByTagName("name")[0].childNodes[0].nodeValue + "</td></tr>");
						}
					}
				}

				document.write("</table>");
			}
		};

		xmlhttp.open("GET", "Tutors.xml",true);
		xmlhttp.send();
    }
</script>

<button onclick="window.location.href='https://www.learnwithdoceo.com/';"> Homepage</button>
<br/><br/><br/>
</body>
</html>