-
Notifications
You must be signed in to change notification settings - Fork 39
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #168 from swetasingh8844/main
Depression Screening Test Calculator
- Loading branch information
Showing
5 changed files
with
328 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,37 @@ | ||
body{ | ||
background-image: url(../images/depression.jpeg); | ||
background-size: cover; | ||
|
||
} | ||
.calculator{ | ||
background-color: transparent; | ||
font-weight: bold; | ||
box-shadow: 5px 5px 10px 2px rgba(0,0,0,.8); | ||
width: 70%; | ||
margin: auto; | ||
padding: 20px; | ||
box-sizing: border-box; | ||
} | ||
.out{ | ||
padding-left: 100px; | ||
padding-right: 10px; | ||
|
||
} | ||
.output{ | ||
padding-top: 10px; | ||
} | ||
|
||
.input-btn { | ||
text-align: center; | ||
} | ||
|
||
#outputTarget { | ||
padding: 20px; | ||
} | ||
.output-box { | ||
background-color: #f0f0f0; | ||
padding: 5px; | ||
margin-top: 10px; | ||
border-radius: 5px; | ||
|
||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,191 @@ | ||
|
||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Depression Screnning Risk Calculator</title> | ||
<link rel="stylesheet" href="../css_files/home.css"> | ||
<link rel="stylesheet" href="../css_files/calci.css"> | ||
<link rel="shortcut icon" type="image/jpg" href="../images/wave (1).png"/> | ||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> | ||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" integrity="sha384-ezlrJyRBD9N5ZXUUqNl8XqVAjjc6b3lc1ce6Rrp+9/gs6gKDT3Vl+kD5tr5D2Gff" crossorigin="anonymous"> | ||
<link rel="stylesheet" href="../css_files/depression.css"> | ||
</head> | ||
<body> | ||
<header> | ||
<h1>WELLNESS WAVE</h1> | ||
</header> | ||
<div class="navbar"> | ||
<ul> | ||
<li class="navlist"><a href="../index.html" class="home">Home</a></li> | ||
<li class="navlist"><a href="fitnesstracking.html" class="home">Tracking</a></li> | ||
<li class="navlist"><a href="wellness.html" class="home">Wellness</a></li> | ||
<!-- <li><a href="testimonial.html" class="home">Testimonial</a></li> --> | ||
<li class="navlist"><a href="faq.html" class="home">FAQ</a></li> | ||
</ul> | ||
</div> | ||
<h1 class="calci_title">Depression Screnning Risk Calculator</h1> | ||
<div class="out"> | ||
<div class="calculator"> | ||
<div class="gender_box"> | ||
<label for="gender">Gender :</label> | ||
<select id="gender" name="gender" required> | ||
<option value="male">Male</option> | ||
<option value="female">Female</option> | ||
</select> | ||
</div> | ||
|
||
<div class="age"> | ||
<label for="age">Age (years):</label> | ||
<input type="number" id="age" placeholder="Enter your age"> | ||
</div> | ||
|
||
<label for="q1">1. I feel sad and unhappy most of the time.</label> | ||
<select id="q1" required> | ||
<option value="Agree">Agree</option> | ||
<option value="Neutral">Neutral</option> | ||
<option value="Disagree">Disagree</option> | ||
</select> | ||
<br> | ||
<label for="q2">2. I feel tired, have little energy and I am unable to concentrate.</label> | ||
<select id="q2" required> | ||
<option value="Agree">Agree</option> | ||
<option value="Neutral">Neutral</option> | ||
<option value="Disagree">Disagree</option> | ||
</select> | ||
<br> | ||
<label for="q3">3. I have lost interest in all aspects of life that used to be important to me.</label> | ||
<select id="q3" required> | ||
<option value="Agree">Agree</option> | ||
<option value="Neutral">Neutral</option> | ||
<option value="Disagree">Disagree</option> | ||
</select> | ||
<br> | ||
<label for="q4">4. The pleasure and joy has gone out of my life.</label> | ||
<select id="q4" required> | ||
<option value="Agree">Agree</option> | ||
<option value="Neutral">Neutral</option> | ||
<option value="Disagree">Disagree</option> | ||
</select> | ||
<br> | ||
<label for="q5">5. I feel that I am a guilty person who deserves to be punished.</label> | ||
<select id="q5" required> | ||
<option value="Agree">Agree</option> | ||
<option value="Neutral">Neutral</option> | ||
<option value="Disagree">Disagree</option> | ||
</select> | ||
<br> | ||
<label for="q6">6. I often feel restless with decreased activity.</label> | ||
<select id="q6" required> | ||
<option value="Agree">Agree</option> | ||
<option value="Neutral">Neutral</option> | ||
<option value="Disagree">Disagree</option> | ||
</select> | ||
<br> | ||
<label for="q7">7. I have difficulty making decisions and do things slowly.</label> | ||
<select id="q7" required> | ||
<option value="Agree">Agree</option> | ||
<option value="Neutral">Neutral</option> | ||
<option value="Disagree">Disagree</option> | ||
</select> | ||
<br> | ||
<label for="q8">8. I feel fatigued and it takes great effort for me to do simple things.</label> | ||
<select id="q8" required> | ||
<option value="Agree">Agree</option> | ||
<option value="Neutral">Neutral</option> | ||
<option value="Disagree">Disagree</option> | ||
</select> | ||
<br> | ||
<label for="q9">9. I have often noticed changes in my weight and appetite.</label> | ||
<select id="q9" required> | ||
<option value="Agree">Agree</option> | ||
<option value="Neutral">Neutral</option> | ||
<option value="Disagree">Disagree</option> | ||
</select> | ||
<br> | ||
<label for="q10">10. I have lost interest in sex and I am experiencing sexual difficulties.</label> | ||
<select id="q10" required> | ||
<option value="Agree">Agree</option> | ||
<option value="Neutral">Neutral</option> | ||
<option value="Disagree">Disagree</option> | ||
</select> | ||
<br> | ||
<label for="q11">11. I feel lifeless -- more dead than alive.</label> | ||
<select id="q11" required> | ||
<option value="Agree">Agree</option> | ||
<option value="Neutral">Neutral</option> | ||
<option value="Disagree">Disagree</option> | ||
</select> | ||
<br> | ||
<label for="q12">12. My future seems hopeless and I feel trapped.</label> | ||
<select id="q12" required> | ||
<option value="Agree">Agree</option> | ||
<option value="Neutral">Neutral</option> | ||
<option value="Disagree">Disagree</option> | ||
</select> | ||
<br> | ||
<label for="q13">13. My sleep has been disturbed; it's either too much or too little.</label> | ||
<select id="q13" required> | ||
<option value="Agree">Agree</option> | ||
<option value="Neutral">Neutral</option> | ||
<option value="Disagree">Disagree</option> | ||
</select> | ||
<br> | ||
<label for="q14">14. I feel depressed even when good things happen to me.</label> | ||
<select id="q14" required> | ||
<option value="Agree">Agree</option> | ||
<option value="Neutral">Neutral</option> | ||
<option value="Disagree">Disagree</option> | ||
</select> | ||
<br> | ||
<label for="q15">15. I often get thoughts of suicide or death.</label> | ||
<select id="q15" required> | ||
<option value="Agree">Agree</option> | ||
<option value="Neutral">Neutral</option> | ||
<option value="Disagree">Disagree</option> | ||
</select> | ||
|
||
<br> | ||
<button type="button" onclick="calculateRisk()">Calculate</button> | ||
<button type="button" onclick="clearForm()">Clear</button> | ||
|
||
<div class="output-box"> | ||
<div class="output"> | ||
<div class="empty-output" id="outputTarget"></div> | ||
</div> | ||
</div> | ||
|
||
</div> | ||
</div> | ||
<script src="../javascript/depression.js"></script> | ||
<script src="https://kit.fontawesome.com/9e5d1ce9c2.js" crossorigin="anonymous"></script> | ||
<footer class="footer"> | ||
<h2>Wellness Wave</h2> | ||
<p> | ||
"Sweat Today, Shine Tomorrow. Embrace the Burn, Sculpt the Strength. | ||
Your Journey, Your Body, Your Triumph. Elevate your Fitness, Elevate your Life." | ||
</p> | ||
<h3 class="a"><a class="a" href="../html_files/terms.html" target="_blank">Terms & Conditions </a></h3> | ||
|
||
<h3 class="a"><a class="a" href="../html_files/faq.html" target="_blank">Frequently Asked Questions</a></h3> | ||
|
||
|
||
<div class="container2"> | ||
<a href="https://twitter.com/ritikatwts" target="_blank" rel="noopener noreferrer" class="twitter-link"> | ||
<i class="fab fa-x-twitter" style="font-size: 1.25em;margin: 2px;"></i></a> | ||
<a href="mailto:ritikamalik100102@gmail.com" class="e-mail-link"> | ||
<i class="fa-solid fa-envelope"style="font-size: 1.25em;margin: 2px;"></i></a> | ||
<a href="https://github.com/ritika728" target="_blank" rel="noopener noreferrer" class="github-link"> | ||
<i class="fa-brands fa-github"style="font-size: 1.25em;margin: 2px;"></i></a> | ||
<a href="https://www.linkedin.com/in/ritika-malik-must/" target="_blank" rel="noopener noreferrer" class="linkedin-link"> | ||
<i class="fa-brands fa-linkedin"style="font-size: 1.25em;margin: 2px;"></i></a> | ||
</div> | ||
<hr width="80%" color="silver"> | ||
<div class="footer__bar"> | ||
Copyright © 2024 Wellness Wave . All rights reserved. | ||
</div> | ||
</footer> | ||
</body> | ||
</html> | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,94 @@ | ||
|
||
function calculateTotalScore() { | ||
|
||
var q1 = document.getElementById("q1").value; | ||
var q2 = document.getElementById("q2").value; | ||
var q3 = document.getElementById("q3").value; | ||
var q4 = document.getElementById("q4").value; | ||
var q5 = document.getElementById("q5").value; | ||
var q6 = document.getElementById("q6").value; | ||
var q7 = document.getElementById("q7").value; | ||
var q8 = document.getElementById("q8").value; | ||
var q9 = document.getElementById("q9").value; | ||
var q10 = document.getElementById("q10").value; | ||
var q11 = document.getElementById("q11").value; | ||
var q12 = document.getElementById("q12").value; | ||
var q13 = document.getElementById("q13").value; | ||
var q14 = document.getElementById("q14").value; | ||
var q15 = document.getElementById("q15").value; | ||
|
||
var score = 0; | ||
score += (q1 === "Agree") ? 1 : 0; | ||
score += (q2 === "Agree") ? 1 : 0; | ||
score += (q3 === "Agree") ? 1 : 0; | ||
score += (q4 === "Agree") ? 1 : 0; | ||
score += (q5 === "Agree") ? 1 : 0; | ||
score += (q6 === "Agree") ? 1 : 0; | ||
score += (q7 === "Agree") ? 1 : 0; | ||
score += (q8 === "Agree") ? 1 : 0; | ||
score += (q9 === "Agree") ? 1 : 0; | ||
score += (q10 === "Agree") ? 1 : 0; | ||
score += (q11 === "Agree") ? 1 : 0; | ||
score += (q12 === "Agree") ? 1 : 0; | ||
score += (q13 === "Agree") ? 1 : 0; | ||
score += (q14 === "Agree") ? 1 : 0; | ||
score += (q15 === "Agree") ? 1 : 0; | ||
|
||
return score; | ||
} | ||
|
||
function displayResult(score) { | ||
var severity = getSeverity(score); | ||
var resultText = "Calculated Risk: " + score + "<br>Severity: " + severity; | ||
document.getElementById("outputTarget").innerHTML = resultText; | ||
} | ||
function getSeverity(score) { | ||
if (score >= 0 && score <= 3) { | ||
return "Low Depression"; | ||
} else if (score > 3 && score <= 6) { | ||
return "Mild Depression"; | ||
} else if (score > 6 && score <= 9) { | ||
return "Moderate Depression"; | ||
} else if (score > 9 && score <= 12) { | ||
return "Moderately Severe Depression"; | ||
} else { | ||
return "Severe Depression"; | ||
} | ||
} | ||
function calculateRisk() { | ||
var age = document.getElementById("age").value; | ||
|
||
if (age === "") { | ||
alert("Please enter your age before calculating the risk."); | ||
return; | ||
} | ||
var totalScore = calculateTotalScore(); | ||
displayResult(totalScore); | ||
} | ||
|
||
function clearForm() { | ||
|
||
document.getElementById("gender").value = "male"; | ||
document.getElementById("age").value = ""; | ||
document.getElementById("q1").value = "Agree"; | ||
document.getElementById("q2").value = "Agree"; | ||
document.getElementById("q3").value = "Agree"; | ||
document.getElementById("q4").value = "Agree"; | ||
document.getElementById("q5").value = "Agree"; | ||
document.getElementById("q6").value = "Agree"; | ||
document.getElementById("q7").value = "Agree"; | ||
document.getElementById("q8").value = "Agree"; | ||
document.getElementById("q9").value = "Agree"; | ||
document.getElementById("q10").value = "Agree"; | ||
document.getElementById("q11").value = "Agree"; | ||
document.getElementById("q12").value = "Agree"; | ||
document.getElementById("q13").value = "Agree"; | ||
document.getElementById("q14").value = "Agree"; | ||
document.getElementById("q15").value = "Agree"; | ||
|
||
|
||
document.getElementById("outputTarget").innerHTML = ""; | ||
} | ||
|
||
document.getElementById("calculateButton").addEventListener("click", calculateRisk); | ||
document.getElementById("clearButton").addEventListener("click", clearForm); |