/
options.html
41 lines (37 loc) · 1.09 KB
/
options.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
<!DOCTYPE html>
<meta charset="utf-8"/>
<html>
<head>
<meta charset="UTF-8">
<style>
body {
font-family: sans-serif;
}
</style>
<script type="text/javascript" src="list_of_stores.json"></script>
</head>
<body>
<h2>Input your sizing!</h2>
<select name = "store" id="store-list">
</select>
<!--<form>
Bust: <input type="text" name="bust" value="in"><br>
Waist: <input type="text" name="bust" value="in"><br>
Bust: <input type="text" name="bust" value="in"><br>
Bust: <input type="text" name="bust" value="in"><br>
</form>-->
<div id="tester"></div>
<div class = "size-info">
<h3>Your Sizes:</h3>
<h4>Selected Store: <span id="selected-store">Abercrombie</span></h4>
<h4>Top: <span id = "top-size">S</span></h4>
<h4>Bottoms: <span id = "bottom-size">27</span></h4>
</div>
<form autocomplete = "off">
Tops Size: <input type = "text" id = "topInput" placeholder="XS, S, M, L, XL"> <br>
Bottoms Size: <input type = "text" id = "bottomInput" placeholder = "24, 26,...,32">
<input type = "submit" value = "Submit">
</form>
<script src = "options.js"></script>
</body>
</html>