-
Notifications
You must be signed in to change notification settings - Fork 1
/
eye.html
177 lines (165 loc) · 10.9 KB
/
eye.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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Eyes</title>
<link rel = "icon" href="https://cdn-icons-png.flaticon.com/128/429/429780.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 eyes</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://tse3.explicit.bing.net/th?id=OIP.G3lSD-tRIHyWgkIjVdG4PwHaFS&pid=Api&P=0"/>
<h3>Eye 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="145 px" height="130 px" src="https://tse4.mm.bing.net/th?id=OIP.ufaF7J7fnjTe38aXiLxtqgHaEu&pid=Api&P=0"/>
<h3> Eye discharge</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://tse4.mm.bing.net/th?id=OIP._icK9lhn7hSfshzzcnHNVgHaE7&pid=Api&P=0"/>
<h3>Eye strain</h3>
</div>
</span>
</label>
<label class="custom-radio">
<input type="radio" name="ques1.d" id="q1d" >
<span class="radio-btn">
<i class="las la-check"></i>
<div class="amartya-icon">
<img width="140 px" height="130 px"src="https://tse3.mm.bing.net/th?id=OIP.66EKdbviTVpGAaTtDqLDpgHaE8&pid=Api&P=0"/>
<h3>Itchy eye</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://tse1.mm.bing.net/th?id=OIP.ek7-gwUs9SyhTU-1JlX0lQHaD4&pid=Api&P=0" alt="">
<h3>Stye (Hordeolum) </h3>
<p>Symptoms : Stye symptoms may include eyelid redness, swelling, tenderness, pain, irritation, scratchy feeling, sensitivity to light, tearing, and a bump with a small, white center on the eyelid.
<br> How Common : Styes are very common. Millions of people get them every year.
<br>Risk Factors : Dandruff, eyelid irritation, rosacea, blepharitis (eyelid inflammation), medical conditions such as diabetes
<br> Diagnosed By : Your doctor can diagnose a stye by examining your eye.
<br><a href="https://www.webmd.com/eye-health/understanding-stye-basics" target="_blank"> Undersatanding Stye : The Basics</a>
</p>
</div>
<div class="box" id="res-a2" 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">Go to sinusitis guide ...</a> </p>
</div>
<div class="box" id="res-a3" style="display:none">
<img src="https://tse3.explicit.bing.net/th?id=OIP.eskKb4W2bIf9kPOSpih8swHaDt&pid=Api&P=0" alt="">
<h3>Subconjunctival Hemorrhage</h3>
<p>How Common : Subconjunctival hemorrhage is common. Millions of people get it in the U.S. each year.
<br>Risk Factors : Taking certain medications, bleeding disorders, straining hard such as when vomiting or lifting weights
<br> Diagnosed By : If your subconjunctival hemmorhage doesn't get better in two weeks, see your eye doctor for an exam. Other tests may include taking your blood pressure.
<br> <a href="https://www.webmd.com/eye-health/bleeding-in-the-eye" target="_blank">Learn more ...</a> </p>
</div>
<div class="box" id="res-b" style="display:none">
<img src="https://tse2.mm.bing.net/th?id=OIP.0vOOLoC1daUs7fWOLEWy2gHaE8&pid=Api&P=0" alt="">
<h3>Pinkeye (Conjunctivitis) </h3>
<p> Symptoms : Redness in one or both eyes, swollen eyelids, more tearing than usual, feeling like something is in the eye, itching or burning, crust that forms on the eyelid at night, mild sensitivity to light
<br>How Common : Most people will have pinkeye at least once in their lifetime.
<br> Risk Factors : Viral or bacterial infection; dry eyes from lack of tears or exposure to wind and sun; exposure to chemicals, fumes, or smoke; allergies
<br>Diagnosed By : Your doctor can diagnose pinkeye by taking your medical history and doing a physical exam. The doctor may test some of the drainage from your eye to check for bacterial infection.
<br> <a href="https://www.webmd.com/eye-health/understanding-conjunctivitis-treatment" target="_blank">Learn more ...</a> </p>
</div>
<div class="box" id="res-c" style="display:none">
<img src="https://tse1.mm.bing.net/th?id=OIP.3E2TR_0w3pijRt9uxTzQVwHaE8&pid=Api&P=0" alt="">
<h3>Catarcts </h3>
<p> Symptoms : Symptoms of cataracts include cloudy or blurry vision, yellow or brown tint to vision, faded colors, difficulty distinguishing colors such as blue and purple, glare or halos around lights, difficulty seeing at night, double vision, and frequent changes to prescriptions for glasses or contacts.
<br>How Common : About 20.5 million people over age 40 in the U.S. have cataracts.
<br>Risk Factors : Getting older, diabetes, eye injuries, eye problems such as glaucoma, using corticosteroids, radiation treatment, smoking, heavy alcohol use, sun exposure
<br>Diagnosed By : Your doctor will examine your eyes and ask questions. You will need a complete eye exam.
<br> <a href="https://www.webmd.com/eye-health/cataracts/what-are-cataracts" target="_blank">Learn more ...</a> </p>
</div>
<div class="box" id="res-d" style="display:none">
<img src="https://tse2.mm.bing.net/th?id=OIP.4psFgE6hGr_VpDwE0C_UlgHaEv&pid=Api&P=0" alt="">
<h3>Eye Allergies</h3>
<p> Symptoms : Usually, symptoms will be in both eyes. They include red, itchy, burning, and watery eyes. Your eyelids may be puffy and your vision blurry. You may have stringy ooze in the eyes.
<br>How Common : About one out of six people in the U.S. have allergies in general.
<br>Risk Factors : Nasal allergies, exposure to allergens, a family history of allergies.
<br>Diagnosed By : Your doctor will ask questions and examine your eyes. You may need skin or blood tests.
<br> <a href="https://www.webmd.com/allergies/skin-test" 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 status= document.getElementById('res-n');
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 resc= document.getElementById('res-c');
var resd= document.getElementById('res-d');
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";
resa3.style.display = "block";
}
if(document.getElementById('q1c').checked == true)
{
resc.style.display = "block";
}
if(document.getElementById('q1d').checked == true)
{
resd.style.display = "block";
resb.style.display = "block";
}
//swal(status);
//document.write(status);
//document.getElementById("res").innerHTML = status;
}
</script>
</body>
</html>