index.html

<!DOCTYPE html>
<html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  
  <title>Emojifier</title>

  <link rel="icon" type="image/png" href="./favicon-32x32.png" sizes="32x32" />
  <link rel="icon" type="image/png" href="./favicon-16x16.png" sizes="16x16" />

  <script type="text/javascript" src="./jquery.js"></script>
  <script type="text/javascript" src="./function.js"></script>
  <link rel="stylesheet" href="./style.css">

</head>

<body>
    <h1>Text Emojifier for Discord</h1>
      <p>convert here:</p>
    <textarea rows="5" cols="100" id="in" placeholder="text to emojify here..."></textarea>
      <p>converted to:</p>
    <textarea rows="8" cols="100" id="out" placeholder="emojifies here" readonly=""></textarea>
      <br>
    <button id="copy">Copy</button>
</body>


</html>