Test/node_task_1a
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated quiz instruction

Browse Source
This commit is contained in:
emmymayo
2025-01-25 12:39:39 +01:00
parent da353d42a5
commit 3a6af6a695
1 changed files with 8 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+8 -17
View File
@@ -2,15 +2,6 @@
# Explain project # Explain project
## Files and folders you will working on for the quiz are the following
- /public/quiz-test.html
- /public/frontend_css/styles and mobile_styles.css
- /public/frontend_js/quiz-test.js
- /models/
- /controllers/admin/
- /views/admin
- /views/partials/admin/nav.eta
Admin login Admin login
@@ -27,13 +18,10 @@ View the quiz on localhost:3001/quiz-test.html
Response page of question What would you like to be called?.<br> Response page of question What would you like to be called?.<br>
Make the name appears centered inside of the jar gif.<br> Make the name appears centered inside of the jar gif.<br>
![Name centered example](./name_centered.png/ "Jar with centered name")<br> ![Name centered example](./name_centered.png/ "Jar with centered name")<br>
You can change the html or the css to do this task.<br>
### Quiz 2 ### Quiz 2
Each response page should be closed after a set amount of time<br> Each response page should be closed after a set amount of time using the time stored in variable called "closeResponseTimeoutCounter"<br>
The setTimeout of the response page of previous quiz is not working<br>
Figure out where this is handled and make a setTimeout to close the response and move on to the next question using the time stored in variable called "closeResponseTimeoutCounter"<br>
### Quiz 3 ### Quiz 3
@@ -48,13 +36,16 @@ implement a function that is called checkAllergie()<br>
pseudo steps of the function pseudo steps of the function
- find a way to read the dataset values on the html button element that generated the click - find a way to read the dataset values on the html button element that generated the click
- each button should have data-val that contains the label of the option - check if that previous value is either Banana, Olive or Sunflowers terminate the quiz
- check if that previous val is equal to one of these values ["Banana", "Olive", "Sunflowers"] - Terminate the quiz in this manner:
- if true -> terminate the quiz
- function terminateQuiz should do the following
- the termination process need to display a message to the user with a faded black background that has a message and a counter that when it reachs 0 it redirect to / - the termination process need to display a message to the user with a faded black background that has a message and a counter that when it reachs 0 it redirect to /
- ex: ![Termination screen example](./termination_screen.png/ "Termination screen") - ex: ![Termination screen example](./termination_screen.png/ "Termination screen")
- message and counter should be controlled from admin portal - message and counter should be controlled from admin portal
- create a terminate configuration table with the appropriate fields - create a terminate configuration table with the appropriate fields
- create a tab in admin portal to edit these fields - create a tab in admin portal to edit these fields
- create an api to get these configuration and use it here to construct the termination screen - create an api to get these configuration and use it here to construct the termination screen
### Quiz 5
immplement a functionality for a user to continue from where they stopped if they wish to do so.