examples/example.html

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <script src="https://unpkg.com/cjp@2/dist/index.js" async></script>
  </head>
  <body>
    <textarea id="in" placeholder="ここに入力"></textarea>
    <textarea id="out" placeholder="正レい日本语が出力されゑ！" readonly></textarea>
    <script>
      const elem = document.getElementById("out")
      document.getElementById("in").addEventListener("input", e => {
        elem.value = cjp.generate(e.target.value)
      })
    </script>
  </body>
</html>