wasm-tutorial/index.html at master · atravkovs/wasm-tutorial · 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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Julia set image generator</title>
    <style type="text/css">
      img {
        max-width: 95%;
      }
    </style>
  </head>
  <body>
    <h1>Julia set image generator</h1>
    <table>
      <tr>
        <td>
          <label for="#width">Width</label>
        </td>
        <td>
          <input type="number" name="width" id="width" value="800" />
        </td>
      </tr>
      <tr>
        <td>
          <label for="#height">Height</label>
        </td>
        <td>
          <input type="number" name="height" id="height" value="800" />
        </td>
      </tr>
      <tr>
        <td>
          <label for="#real">Real part</label>
        </td>
        <td>
          <input type="number" name="real" id="real" value="-0.8" />
        </td>
      </tr>
      <tr>
        <td>
          <label for="#imaginary">Imaginary part</label>
        </td>
        <td>
          <input type="number" name="imaginary" id="imaginary" value="0.156" />
        </td>
      </tr>
      <tr>
        <td colspan="2">
          <input type="submit" value="Generate" id="submit" />
        </td>
      </tr>
    </table>

    <div>
      <label for="progress">Progress</label>
      <progress id="progress" value="0" max="100">0%</progress>
    </div>

    <img id="output" />
  </body>
</html>