index.html

<!DOCTYPE html>
<html>
  <head>
    <title>NeuroRead</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles/styles.css" />
    <script async src="./javascript/index.js"></script>
  </head>
  <body style="margin:7%;padding:0">
    <div style="text-align:center;">
        <a href="#header">
            <h1 id="header" class="black">Neuro</h1>
            <h1 class="extralight">Read</h1>
        </a>
    </div>
    <h2>Input</h2>
    <div class="textwrapper"><textarea cols="150" rows="10" id="input"></textarea></div>
    <input type="button" value="Process" onclick="process()"> 
    <h2>Output</h2>
    <span id="output"></span>

  </body>
</html>