-
Notifications
You must be signed in to change notification settings - Fork 1
/
ears.html
156 lines (144 loc) · 10.3 KB
/
ears.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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Ears</title>
<link rel = "icon" href="https://cdn-icons-png.flaticon.com/128/2184/2184211.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:#43a0e2;text-align:center;font-size: 3.2em; margin-top: 0.20em;font-color:white;color:white">Analyze your ears</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="142 px" height="130 px" src="https://tse4.explicit.bing.net/th?id=OIP.UAcOiYc8y4JRUn33npf2qwHaE8&pid=Api&P=0"/>
<h3>Can't hear on one side</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="145 px" height="130 px" src="https://tse2.mm.bing.net/th?id=OIP.S20IXiMl_KVlly5rpl4DvwHaE8&pid=Api&P=0"/>
<h3> Ears feel full</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="130 px" height="130 px" src="https://tse1.mm.bing.net/th?id=OIP.nACsNQLFcfOyaW13iu40fwHaGx&pid=Api&P=0"/>
<h3>Swollen ear cartilage</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 ='upperbody.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-a" style="display:none">
<img src="https://tse3.mm.bing.net/th?id=OIP.Oydt6XTbmW9Oq-1m2EgsxAHaE8&pid=Api&P=0" alt="">
<h3>Ruptured Eardrum</h3>
<p>Symptoms : Ear pain, partial hearing loss, ringing or buzzing in ears, vertigo, slight bleeding or discharge
<br>Risk Factors : Ear infections, trauma to the ear, a foreign object in the ear, sudden loud noise, skull fractures, barotraumas (unequal pressure inside and outside the ear)
<br>Diagnosed By : The doctor will take a medical history and examine your ear with an otoscope, a magnifier with a light, and may do a hearing or eardrum test.
<br><a href="https://www.webmd.com/pain-management/ruptured-eardrum-symptoms-and-treatments" target="_blank"> Learn more ...</a>
</p>
</div>
<div class="box" id="res-a2" style="display:none">
<img src="https://tse3.mm.bing.net/th?id=OIP.xiTC9lk26J2oJ6USUBf1UgHaHF&pid=Api&P=0" alt="">
<h3>Middle ear infections </h3>
<p>Symptoms : Middle ear infection symptoms include ear pain, hearing loss, a feeling of fullness in the ear, fever, and fussiness in infants. With severe infections, the eardrum may break open, allowing fluid (pus) from the middle ear to drain out.
<br>How Common : There are many millions of middle ear infections in the U.S. every year.
<br>Risk Factors : Several factors increase the risk for middle ear infections in children, including being around tobacco smoke and drinking from a bottle or sippy cup while lying down.
<br>Diagnosed By : The doctor will diagnose a middle ear infection by taking a medical history and doing a physical exam, including an ear exam. The doctor may also order hearing tests, and tests to better view the eardrum.
<br><a href="https://www.webmd.com/cold-and-flu/ear-infection/default.htm" target="_blank">Learn more ...</a> </p>
</div>
<div class="box" id="res-a3" style="display:none">
<img src="https://tse3.mm.bing.net/th?id=OIP.fCAhKsA8R4UWzH9arfjeEAHaE8&pid=Api&P=0" alt="">
<h3>Airplane Ear</h3>
<p>Symptoms : Airplane ear can cause discomfort, pain, or pressure in one or both ears. In unusual cases, it may cause dizziness, temporary hearing loss or ringing in the ears, or, rarely, bleeding from the ear.
<br>How Common : Most people who fly on planes have airplane ear at some point.
<br>Risk Factors : Congestion from colds or allergies, ear infection, congenital blockage of the Eustachian tube, being a small child, smoking, having a cleft palate or cleft lip
<br>Diagnosed By : The doctor will examine your ears and ask about your symptoms. Make sure to tell the doctor you were flying recently.
<br> <a href="https://www.webmd.com/a-to-z-guides/airplane-travel-directory" target="_blank">Learn more ...</a> </p>
</div>
<div class="box" id="res-b" style="display:none">
<img src="https://tse4.explicit.bing.net/th?id=OIP.rgGsoBymjyN8WpwCufuabQHaEe&pid=Api&P=0" alt="">
<h3>Hearing loss </h3>
<p> Symptoms : Symptoms include loss of hearing in one or both ears, and difficulty understanding words.
<br>How Common : Nearly 33% of people in the U.S. between ages 65 and 75 years old have some hearing loss.
<br>Risk Factors : Aging, heredity, chronic exposure to loud noise, some illnesses, some medications
<br>Diagnosed By : To diagnose hearing loss, your doctor will take a medical history and do a physical exam. Your doctor may also order hearing tests or a CT scan.
<br> <a href="https://www.webmd.com/a-to-z-guides/hearing-loss-causes-symptoms-treatment" target="_blank">Learn more ...</a> </p>
</div>
<div class="box" id="res-b2" style="display:none">
<img src="https://tse3.mm.bing.net/th?id=OIP.lsZnqVFTX45_IcEXynHBXgHaFj&pid=Api&P=0" alt="">
<h3>Acute Sinusitis </h3>
<p>Symptoms : Sinusitis symptoms may include sinus pain and tenderness, facial redness and swelling over sinuses, teeth pain, dizziness and poor balance, fatigue, eye pain, sinus congestion and drainage (may include pus and/or bloody mucus), and temporary loss of sense of taste and smell.
<br>How Common : About 12% of people will develop sinusitis in a given year.
<br> Diagnosed By : Doctors diagnose sinusitis by taking your medical history and doing a physical exam. CT scans, X-rays, and MRIs may also be used to pinpoint a sinus infection. Doctors often look up the nose or shine a light into the sinuses to see if they are blocked. In some cases, the doctor may order bacterial cultures or allergy testing.
<br><a href="https://www.webmd.com/allergies/sinus-infection-directory" target="_blank">Learn more ...</a> </p>
</div>
<div class="box" id="res-c" style="display:none">
<img src="https://tse4.explicit.bing.net/th?id=OIP.Qc2ZJzlvK9FZf7iRK9PXFAAAAA&pid=Api&P=0" alt="">
<h3>Gout </h3>
<p>Symptoms : Gout symptoms include extreme joint pain, fever, and hot, red, swollen joints. If not treated, gout can cause kidney stones and skin lumps.
<br>How Common : About five out of 1,000 people in the U.S. have gout.
<br>Risk Factors : Obesity, a family history of gout
<br>Diagnosed By : Your doctor can diagnose gout by taking your medical history and doing a physical exam, along with blood and urine tests. The doctor also may test joint fluid for uric acid crystals.
<br><a href="https://www.webmd.com/arthritis/understanding-gout-basic-information" target="_blank">Learn more ...</a> </p>
</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 resa= document.getElementById('res-a');
var resa2= document.getElementById('res-a2');
var resa3= document.getElementById('res-a3');
var resb= document.getElementById('res-b');
var resb2= document.getElementById('res-b2');
var resc= document.getElementById('res-c');
if(document.getElementById('q1a').checked == true){
resa.style.display = "block";
resa2.style.display = "block";
resa3.style.display = "block";
}
if(document.getElementById('q1b').checked == true){
resb.style.display = "block";
resb2.style.display = "block";
resa2.style.display = "block";
}
if(document.getElementById('q1c').checked == true){
resc.style.display = "block";
}
}
</script>
</body>
</html>