Skip to content

Updated: Test Section #89

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
islamay wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Updated: Test Section #89

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
61 changes: 61 additions & 0 deletions css/test-section.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@

#test {
padding: 10px 0;
}

.test-text {
text-align: center;
}

.title {
text-align: center;
}

.question-num {
margin-top: 20px;
text-align: center;
}

.question-txt {
height: 100px;
width: 700px;
margin: 50px auto 0;
text-align: center;
font-weight: 200;
}

#answer-controll {
margin: 10px auto 0;
width: fit-content;
display: flex;
align-items: center;
}

#answer-controll h1 {
text-align: center;
width: 50px;
}

.controll-button {
width: 40px;
height: 40px;
cursor: pointer;
}

.question-controll {
margin: 100px auto 0;
width: 600px;
display: flex;
justify-content: space-between;
}

.question-controll-button {
font-size: 18px;
width: 125px;
padding: 10px 0;
background-color: none;
border: none;
outline: none;
cursor: pointer;
border-radius: 75px;
}
183 changes: 30 additions & 153 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,9 @@
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="./js/bone.js">
</script>
<!-- Link and Script For Test Section -->
<link rel="stylesheet" href="./css/test-section.css">
<script defer src="./js/test-section.js"></script>
<title>STRESS MASTER</title>
</head>

Expand Down Expand Up @@ -104,160 +107,34 @@ <h1>
<p class="abouttexttext">To reduce stress in life of our fellow beings.</p>

</div>
<div id="test">
<p class="abouta">TEST
<hr>
</p>
<h2>
<center>On a scale of one to 5, with 5 being the worst, answer the following question:</center>
</h2><br>
<table>
<form method="POST" id="formtest">
<tr>
<td>
<p class="formtext">How tired do you feel waking up each morning ?</p>
</td>
<td>
<input type="number" size=2 maxlength=2 class="formnum">
</td>
</tr>
<tr>
<td>
<p class="formtext"> How often do you experience any of the following symptoms: headaches, chest pain, muscle tension, or nausea?</p>
</td>
<td>
<input type="number" size=2 maxlength=2 class="formnum">
</td>
</tr>
<tr>
<td>
<p class="formtext"> How often do you experience fatigue and/or struggle to fall or stay asleep?</p>
</td>
<td>
<input type="number" size=2 maxlength=2 class="formnum">
</td>
</tr>

<tr>
<td>
<p class="formtext">How often do you get irritated by small mishaps ?
</p>
</td>
<td>
<input type="number" size=2 maxlength=2 class="formnum">
</td>
</tr>

<tr>
<td>
<p class="formtext">How often do you wish to run away ?</p>
</td>
<td>
<input type="number" size=2 maxlength=2 class="formnum">
</td>
</tr>

<tr>
<td>
<p class="formtext"> How often do you worry excessively about your responsibilities?
</p>
</td>
<td>
<input type="number" size=2 maxlength=2 class="formnum">
</td>
</tr>

<tr>
<td>
<p class="formtext"> How often do you struggle to focus on tasks or stay motivated?
</p>
</td>
<td>
<input type="number" size=2 maxlength=2 class="formnum">
</td>
</tr>

<tr>
<td>
<p class="formtext">How often do you feel that even though you have friends to talk to, but you still feel lonely ?</p>
</td>
<td>
<input type="number" size=2 maxlength=2 class="formnum">
</td>
</tr>

<tr>
<td>
<p class="formtext">How often do you regret the choices you have made ?
</p>
</td>
<td>
<input type="number" size=2 maxlength=2 class="formnum">
</td>
</tr>

<tr>
<td>
<p class="formtext">How often do you blame others ?</p>
</td>
<td>
<input type="number" size=2 maxlength=2 class="formnum">
</td>
</tr>

<tr>
<td>
<p class="formtext">How often do you overthink and waste the entire day with only one though clinging on your mind ?</p>
</td>
<td>
<input type="number" size=2 maxlength=2 class="formnum">
</td>
</tr>

<tr>
<td>
<p class="formtext">How much irritated do you feel after a fully packed day with a lot of workload ?</p>
</td>
<td>
<input type="number" size=2 maxlength=2 class="formnum">
</td>
</tr>

<tr>
<td>
<p class="formtext"> How often do you experience irritability, sadness, or anger?</p>
</td>
<td>
<input type="number" size=2 maxlength=2 class="formnum">
</td>
</tr>

<tr>
<td>
<p class="formtext"> How often do you have little appetite or find that you are overeating?</p>
</td>
<td>
<input type="number" size=2 maxlength=2 class="formnum">
</td>
</tr>

<tr>
<td>
<p class="formtext">How often do you feel that you had overreacted to a particular situation?</p>
</td>
<td>
<input type="number" size=2 maxlength=2 class="formnum">
</td>
</tr>
</form>
</table>
<center>
<div id="result">RESULT? click on submit.</div>
<br>
<input type="button" onclick="res()" value="Submit" id="testbut">
</center>

<!-- Test Section -->
<section id="test">
<h1 class="test-text">TEST</h1>
<h2 class="title">On a scale of one to 5, with 5 being the worst, answer the following question:
</h2>

<h1 class="question-num" id="question-num">
<!-- Generated Through Javascript -->
</h1>

<h1 class="question-txt" id="question">
<!-- Generated Through Javascript -->
</h1>

<div id="answer-controll">
<button id="decr-button" class="controll-button">-</button>
<h1 id="answer">
<!-- Generated Through Javascript -->
</h1>
<button id="inc-button" class="controll-button">+</button>
</div>
<div class="question-controll">
<button id="prev-question-button" class="question-controll-button" >Previous</button>
<button id="next-question-button" class="question-controll-button" >Next</button>
</div>
</section>

</div>
<div id="call">
<h2>CALL TO ACTION</h2><br>
<p>Thinking to talk to someone and want to share your thoughts.</p><br>
Expand Down
Loading