<!DOCTYPE html>
<html lang="en">
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>servant-js Example</title>
  </head>
  <body>
  <h1>Books</h1>
  <input type="search" name="q" id="q" placeholder="Search author or book title..." autocomplete="off"/>
  <div>
    <p>Results for <strong id="query">""</strong></p>
    <ul id="results">
    </ul>
  </div>
  <hr />
  <h1>Approximating &pi;</h1>
  <p>Count: <span id="count">0</span></p>
  <p>Successes: <span id="successes">0</span></p>
  <p id="pi"></p>

  <script type="text/javascript" src="/jq.js"></script>
  <script type="text/javascript" src="/api.js"></script>
  <script type="text/javascript" src="/ui.js"></script>

  </body>