-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathpopup.html
56 lines (47 loc) · 2.35 KB
/
popup.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
<!DOCTYPE html>
<html>
<head>
<title>Your Popup</title>
<link rel="stylesheet" type="text/css" href="popup.css">
<script src="popup.js"></script>
</head>
<body>
<div id="score">
Score: [Your Score Goes Here]
</div>
<button id="addProductButton">+</button>
<div id="productList">
<!-- Display added products here -->
</div>
<form id="surveyForm">
<label for="prompt">Rate the following categories based on your priority when online shopping from 1 (low) to 5 (high):</label><br>
<label for="exercise">Exercise (1-5):</label>
<input type="number" id="exercise" min="1" max="5" required><br><br>
<label for="diet">Diet (1-5):</label>
<input type="number" id="diet" min="1" max="5" required><br><br>
<label for="personalCare">Personal Care (1-5):</label>
<input type="number" id="personalCare" min="1" max="5" required><br><br>
<label for="clothes">Clothes (1-5):</label>
<input type="number" id="clothes" min="1" max="5" required><br><br>
<label for="entertainment">Entertainment (1-5):</label>
<input type="number" id="entertainment" min="1" max="5" required><br><br>
<label for="electronics">Electronics (1-5):</label>
<input type="number" id="electronics" min="1" max="5" required><br><br>
<label for="budget">Weekly Online Shopping Budget $:</label>
<input type="number" id="budget" required><br>
<button type="submit" id="submitButton">Submit</button>
</form>
<div id="submittedMessage">
<p>Submitted results:</p>
<div id="collectedValues">
<p>Exercise Rating: <span id="exerciseRating">[Exercise Rating Goes Here]</span></p>
<p>Diet Rating: <span id="dietRating">[Diet Rating Goes Here]</span></p>
<p>Personal Care Rating: <span id="personalCareRating">[Personal Care Rating Goes Here]</span></p>
<p>Clothes Rating: <span id="clothesRating">[Clothes Rating Goes Here]</span></p>
<p>Entertainment Rating: <span id="entertainmentRating">[Entertainment Rating Goes Here]</span></p>
<p>Electronics Rating: <span id="electronicsRating">[Electronics Rating Goes Here]</span></p>
<p>Weekly Online Shopping Budget: $<span id="budgetValue">[Budget Value Goes Here]</span></p>
</div>
</div>
</body>
</html>