-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathAssignment.html
60 lines (56 loc) · 1.52 KB
/
Assignment.html
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
<!DOCTYPE html>
<html>
<head>
<script>
function queryParam(){
var params = new URLSearchParams(location.search);
if(params.has('page')){
var page = params.get('page');
var ele = document.getElementById(page);
if(ele){
let home = document.getElementById('home');
let about = document.getElementById('about');
home.style.display="none";
about.style.display = "none";
ele.style.display = "block";
}
}
else{
let home = document.getElementById('home');
home.style.display = "block";
}
}
</script>
</head>
<body onload="queryParam();">
<header>
<nav>
<ul>
<li><a href="?page=home"> Home </a></li>
<li><a href="?page=about"> About </a></li>
</ul>
</nav>
</header>
<div id="home">
This is this home page!
</div>
<div id="about">
<center>
<h1> About Page </h1>
<p> This paragraph would consist of the information about how to register your pharmacy into the Patient Management application. Along with this, it could give instructions on how to proceed to add medication information. </p>
<small> This could contain smaller information that is not very important for the user to read all the time. </small>
</hr>
<title> Medication Names </title>
<ol>
<li> Medication Name #1</li>
<li> Medication Name #2</li>
<li> Medication Name #3</li>
<li> Medication Name #4</li>
</ol>
<p>last updated <time>00:00</time></p>
<p>Medication Total: <progress value="4" max="200" onclick="this.value++"></progress></p>
</center>
</div>
<footer></footer>
</body>
</html>