Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <title>Dementia Care Scenario Trainer</title> | |
| <link | |
| href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" | |
| rel="stylesheet" | |
| /> | |
| <link rel="stylesheet" href="style.css" /> | |
| </head> | |
| <body> | |
| <div class="screen active" id="screen1"> | |
| <div class="dialog"> | |
| <h1>Welcome, Caregiver</h1> | |
| <p>Ready to practice a real caregiving scenario?</p> | |
| <button class="button" onclick="showScreen(2)">Start</button> | |
| </div> | |
| </div> | |
| <div class="screen" id="screen2"> | |
| <div class="dialog"> | |
| <h2>Scenario</h2> | |
| <p> | |
| Your mother, who has moderate dementia, becomes agitated at bedtime and | |
| refuses to go to her room. She's pacing and calling out. What do you do? | |
| </p> | |
| <button class="button" onclick="showScreen(3)">Next</button> | |
| </div> | |
| </div> | |
| <div class="screen" id="screen3"> | |
| <div class="dialog"> | |
| <h2>Your Response</h2> | |
| <textarea | |
| id="response" | |
| class="textarea" | |
| placeholder="Describe step-by-step what you'd do..." | |
| ></textarea> | |
| <button class="button" onclick="handleSubmit()">Submit</button> | |
| </div> | |
| </div> | |
| <div class="screen" id="screen4"> | |
| <div class="dialog"> | |
| <h2>Feedback</h2> | |
| <p id="feedbackText">Analyzing your response...</p> | |
| <button class="button" onclick="showScreen(1)">Try Another</button> | |
| </div> | |
| </div> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> | |