| 1 | <!DOCTYPE html> |
| 2 | <html> |
| 3 | <meta charset="UTF-8"> |
| 4 | <script src="index.js"></script> |
| 5 | <link rel="stylesheet" type="text/css" href="index.css"> |
| 6 | <head> |
| 7 | <title>Bracket Maker</title> |
| 8 | </head> |
| 9 | <body> |
| 10 | <form id="genre-form"> |
| 11 | <label for="genre-input">Pick your favorite genre:</labe> |
| 12 | <input id="genre-input" |
| 13 | type="text" |
| 14 | list="genre-list" |
| 15 | placeholder="Genre Name" |
| 16 | autocomplete="off"/> |
| 17 | <input id="genre-submit" |
| 18 | type="submit"/> |
| 19 | </form> |
| 20 | <canvas id="bracket"></canvas> |
| 21 | <input id="image-upload" |
| 22 | type="file" |
| 23 | accept="image/*"> |
| 24 | <datalist id="genre-list"/> |
| 25 | </body> |
| 26 | </html> |