src/index.html

<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" href="style.css" />
  <meta charset="utf-8" />
  <title>Analizador de texto</title>
  <link rel="icon" type="image/x-icon" href="assets/favicon.ico">
  <style>
    body {
      background-image: url("assets/Beige\ Watercolor\ Retro\ Books\ Writer\ Page\ Border.png");
    }
  </style>
</head>
<header>
  <h1>Analisador de texto</h1>
</header>

<body>
    <script src="index.js" type="module"></script>

  
    <ul>
      <li class="metricas" data-testid="word-count">Contagem de palavras: </li>
      <li class="metricas" data-testid="character-count">Contagem de caracteres: </li>
      <li class="metricas" data-testid="character-no-spaces-count">Caracteres sem espaços e sinais de pontuação: </li>
      <li class="metricas" data-testid="number-count">Contagem de números: </li>
      <li class="metricas" data-testid="number-sum">Soma total de números: </li>
      <li class="metricas" data-testid="word-length-average">Comprimento das palavras: </li>
    </ul>
  
  <textarea name="user-input"></textarea>
  <div>
    <button id="reset-button">Resetar analisador</button>
  </div>
  <footer>
    <p><i>Desenvolvido por: Jessica Ramos</i></p>
  </footer>
</body>

</html>