docs/try.html

<!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, .highlight { 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>
    <div class="highlight"></div>
    <textarea class="code" rows="8" spellcheck="false" autofocus></textarea>
    <div class="count"></div>
    <input class="run" type="submit" value="Run (or shift-enter)" title="(any modifier works actually)"/>
    <input class="doexplain" type="button" value="Explain" title="Show a syntax breakdown with execution"/>
    <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>Also try <a href="https://bqnpad.mechanize.systems/">BQNPAD</a>, a third-party interactive REPL, and <a href="https://bqn.funmaker.moe/">BQN Editor</a>, which is basically this page but better. <a href="https://github.com/dzaima/CBQN">CBQN</a> is the much faster offline interpreter (<a href="running.html">more options</a>).</li>
      <li>The top bar has everything you need to know about BQN's special characters. Click to enter it, hover to see its name and the backslash combination you can type instead, and middle- or modified click to go to a help page.</li>
      <li>The code window is vertically resizeable.</li>
    </ul>
  </p>

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