-
Notifications
You must be signed in to change notification settings - Fork 1
/
elbow.html
134 lines (116 loc) · 6.84 KB
/
elbow.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
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
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Elbow</title>
<link rel="icon" href="https://cdn-icons-png.flaticon.com/128/3103/3103997.png">
<link rel="stylesheet" href="selftest_style.css">
<!-- Google Fonts Link -->
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;700;800&display=swap" rel="stylesheet"/>
<!--Line Awesome CDN Link-->
<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css"/>
<!-- font awesome cdn link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<!-- custom css file link -->
<link rel="stylesheet" href="css/style.css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="data_css.css" />
</head>
<body>
<h1 style="font-family:poppins;background-color:orange;text-align:center;font-size: 3.2em; margin-top: 0.20em;font-color:white;color:white">Analyze your elbow</h1>
<section id="sec-1">
<div class="main-container">
<h2> Are you experiencing any of the following symptoms?</h2>
<div class="radio-buttons">
<label class="custom-radio">
<input type="radio" name="ques1.a" id="q1a">
<span class="radio-btn">
<i class="las la-check"></i>
<div class="amartya-icon">
<img width="140 px" height="140 px" src="https://tse3.mm.bing.net/th?id=OIP.phvsn7_jrqEjHOkFeeOh4AHaGU&pid=Api&P=0"/>
<h3>Elbow pain</h3>
</div>
</span>
</label>
<label class="custom-radio">
<input type="radio" name="ques1.b" id="q1b">
<span class="radio-btn">
<i class="las la-check"></i>
<div class="amartya-icon">
<img width="150 px" height="140 px" src="https://tse1.mm.bing.net/th?id=OIP.89J5gWvd_oT1mi7WFo-pHgHaD5&pid=Api&P=0"/>
<h3>Red bump(s) on elbow</h3>
</div>
</span>
</label>
<label class="custom-radio">
<input type="radio" name="ques1.c" id="q1c">
<span class="radio-btn">
<i class="las la-check"></i>
<div class="amartya-icon">
<img width="140 px" height="140 px" src="https://tse3.explicit.bing.net/th?id=OIP.UL5CatL7NUcw9xO2AFwKZgHaFE&pid=Api&P=0"/>
<h3>Stiffy elbow</h3>
</div>
</span>
</label>
</div>
</div>
</section>
<input type="submit" name="submit" value="SUBMIT" id="nav" onclick="result()" class="scroll-down5">
<input type="back" name="back" value="BACK" onclick="window.location.href ='middlebody.html';" class="scroll-down6">
<section class="tips" id="sec-res">
<h1 class="heading"> Reults based on your symptoms are :</h1>
<div class="box-container">
<div class="box" id="res-n" style="display:none">
<img src="https://tse3.mm.bing.net/th?id=OIP.YC9RJ9OdG6oR-GkNmGeUvQHaF8&pid=Api&P=0" alt="">
<h3>Sorry </h3>
<p>We are unable to find any conditions that match the symptoms you entered..</p>
<a href="selftest_index.html">Re-enter your symptoms.</a>
</div>
<div class="box" id="res-a" style="display:none">
<img src="https://tse3.mm.bing.net/th?id=OIP.3lMcl17RutJ-1GdJoUnYIQHaE8&pid=Api&P=0" alt="">
<h3>Tennis Elbow</h3>
<p>Symptoms : Pain that radiates from the outside of the elbow to the forearm and back of the hand, pain when grasping, weak grip
<br><br>How Common : About 1.3% of the general population between the ages of 30 and 64 have symptoms of tennis elbow. Anyone who does repetitive motions that involve the elbow can get it.
<br><br>Risk Factors : Repetitive motions that use the elbow joint
<br><br>Diagnosed By : Your doctor will examine your elbow and take a medical history. The doctor may ask you to move your arm and hand in different ways to check when it hurts. The doctor may also ask about recent physical activities and the kind of pain you're experiencing. X-rays are usually not needed.
</p>
<a href="https://www.webmd.com/fitness-exercise/tennis-elbow-directory" target="_blank">Learn more ...</a>
</div>
<div class="box" id="res-b" style="display:none">
<img src="https://tse4.mm.bing.net/th?id=OIP.NgKjlJ2M5JEHt1z--0_yfgHaFk&pid=Api&P=0" alt="">
<h3>Cellulitis</h3>
<p>Symptoms : Cellulitis causes red, tender skin that is usually swollen or raised and warm. The infected area may appear tight, stretched, or glossy. Redness and swelling may develop suddenly and rapidly get bigger. Fever, chills, and muscle aches are signs of an infection. A lump under the skin indicates an abscess, a deeper skin infection and pool of pus. If you have any signs of infection, get medical care right away.
<br><br> How Common : Cellulitis is a common condition that occurs millions of times a year in the U.S.
<br><br>Risk Factors : You may be at higher risk for thrombophlebitis if you:
<br><br>Diagnosed By : Doctors do a physical exam and take your medical history to diagnose cellulitis. The doctor may also order bacterial cultures and other blood tests to help decide which antibiotic to give you.
</p>
<a href="https://www.webmd.com/skin-problems-and-treatments/cellulitis-directory" target="_blank">Learn more ...</a>
</div>
</div>
</section>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script> <!-- Alert Box Link -->
<script type="text/javascript">
function result() {
window.location.href = "#sec-res";
var status= document.getElementById('res-n');
var resa = document.getElementById('res-a');
var resb = document.getElementById('res-b');
if(document.getElementById('q1a').checked == true)
{
resa.style.display = "block";
}
if(document.getElementById('q1b').checked == true)
{
resb.style.display = "block";
}
if(document.getElementById('q1c').checked == true)
{
resa.style.display = "block";
}
//swal(status);
//document.write(status);
//document.getElementById("res").innerHTML = status;
}
</script>
</body>
</html>