aboutsummaryrefslogtreecommitdiff
path: root/docs/try.html
blob: d6617dbb5677152d14bba186c1d5b8d524d2d1ad (plain)
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
<!DOCTYPE html>
<html>
<head>
  <meta charset=utf-8>
  <title>BQN online REPL</title>
  <link href="favicon.ico" rel="shortcut icon" type="image/x-icon"/>
  <link href="style.css" rel="stylesheet"/>
  <style>
    li { margin:0.7em 0; }
    textarea { padding:0.2em; }
    .perm, .count { font-size:0.7em; margin:-0.2em 0.8em 0 0; }
    .run, .doexplain, .perm { float:right; margin-left:0.4em; }
    .doexplain.selected { background:#777; }
    .count { float:left; opacity:0.6; }
    .rslt { border:none; background:none; min-height:8em; }
  </style>
</head>
<body>
  <a href="https://mlochbaum.github.io/BQN/" title='BQN homepage'>BQN</a>
  <div class="cont">
    <div class="kb"></div>
    <textarea class="code" rows="8" autofocus></textarea>
    <div class="count"></div>
    <input class="run" type="submit" value="Run (or shift-enter)"/>
    <input class="doexplain" type="button" value="Explain"/>
    <a class="perm" href="#" title="Link with the code above embedded">permalink</a>
  </div>
  <div class="explain"></div>
  <pre class="rslt"></pre>
  <p>
    Notes:
    <ul>
      <li>You can type special characters with a back<em>slash</em> prefix, as shown by hovering over the character bar above. Documentation links for primitives are <a href="doc/primitive.html">here</a>.</li>
      <li>Any modifier with enter will execute, not just shift. The code window is vertically resizeable.</li>
      <li>Support for function headers and multiple bodies is missing.</li>
      <li>It's slow, but not <em>that</em> slow: usually most of the time is spent compiling your code, and sometimes from formatting the output. Chrome is faster than Firefox here, and speeds up over a few runs as JIT compilation kicks in.</li>
    </ul>
  </p>

<script src="bqn.js"></script>
<script src="repl.js"></script>
</body>
</html>