busMall/index.html at master · AlisonZ/busMall · GitHub

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
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="style.css"/>
    <link href="resetstyle.css"/>
  <title>Bus Mall</title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.6/Chart.min.js"></script>
  </head>

<body>
  <nav>Bus Mall
    <p>Thanks for participating in our market research study!</p>
  </nav>
  <div id="instructions">
    <ol>
      <p>Instructions</p>
      <li>You will be shown three items side by side</li>
      <li>Of those three, please click on the one that you would most likely buy</li>
      <li>For each trio of items, you have to choose one, so just do your best!</li>
      <li>You will be shown 25 trios of items</li>
      <li>After you make the 25th selection, you will be notified and you're done!</li>
    </ol>
  </div>
  <div id="images">
      <img id="firstImage" src="http://placehold.it/300x400/#888888"/>
      <img id="secondImage" src="http://placehold.it/300x400/#444444"/>
      <img id="thirdImage" src="http://placehold.it/300x400/#222222"/>
  </div>
  <canvas id="clickChart" width="600" height="400"></canvas>
  <button id="button" type="button">Click Me!</button>

</body>
<script src="app.js"></script>
</html>