index.html

<!DOCTYPE html>
<!--
/*
 * JavaScript MD5 Demo
 * https://github.com/blueimp/JavaScript-MD5
 *
 * Copyright 2011, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * https://opensource.org/licenses/MIT
 */
-->
<html lang="en">
  <head>
    <!--[if IE]>
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <![endif]-->
    <meta charset="utf-8" />
    <title>Yoyo MD5 Demo</title>
    <meta
      name="description"
      content="Yoyo MD5 implementation. Compatible with server-side environments like Node.js, module loaders like RequireJS, Browserify or webpack and all web browsers."
    />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="css/demo.css" />
  </head>
  <body>
    <h1>Yoyo MD5 Demo</h1>
    <p>
      Yoyo
      <a href="https://en.wikipedia.org/wiki/MD5">MD5</a> implementation.<br />
      Compatible with server-side environments like
      <a href="https://nodejs.org/">Node.js</a>, module loaders like
      <a href="https://requirejs.org/">RequireJS</a> or
      <a href="https://webpack.js.org/">webpack</a> and all web browsers.
    </p>
    <p>Yoyo MD5 is modified implementation of MD5 for getting passwords for <a href="https://gm-runtime-browser.vercel.app/">gm-runtime-browser</a></p>
    <ul id="navigation">
      <li>
        <a href="https://github.com/kvba5/Yoyo-MD5">Source Code</a>
      </li>
      <li>
        <a href="https://github.com/blueimp/JavaScript-MD5">Forked from...</a>
      </li>
      <li>
        <a
          href="https://github.com/blueimp/JavaScript-MD5/blob/master/README.md"
          >Documentation (Original)</a
        >
      </li>
      <li><a href="test/">Test</a></li>
      <li><a href="https://meowpa.ws">&copy; kvba5</a></li>
      <li><a href="https://blueimp.net">&copy; Sebastian Tschan</a></li>
    </ul>
    <div>
      <p>
        <div>
          <label for="input">ID (with or without extension)</label><br>
          <span>Using .zip extension by default</span>
        </div>
        <textarea rows="1" id="input"></textarea>
      </p>
      <p>
        <button id="calculate">Calculate</button>
        <button type="reset" id="reset">Reset</button>
      </p>
      <p>
        <label for="result">Result</label>
        <input id="result" readonly />
      </p>
    </div>
  </body>
  <script type="module">
    import { yoyomd5 } from "./js/md5.min.js"

    const resultEl = document.querySelector("#result")
    const inputEl = document.querySelector("#input")

    document.querySelector("#calculate").addEventListener("click", () => {
      let v = inputEl.value
      if (!v.includes(".")) v += ".zip"

      resultEl.value = btoa(yoyomd5(`MRJA${v}PHMD`))
    })
  </script>
</html>