DEV013-text-analyzer/src/index.html at main · Mcarrobof24/DEV013-text-analyzer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8"> <title>Analizador de texto</title>
  <link rel="stylesheet" href="style.css" />

  <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=Montserrat:wght@400;700&display=swap" rel="stylesheet">
</head>

<body>
  <header>
    <h1>Analizador de Texto</h1>
  </header>
  <textarea name="user-input"  cols="30" rows="10" placeholder="Ingresa el texto"></textarea>
  <ul>
    <li class="caja" data-testid="word-count">Palabras: 0</li>
    <li class="caja" data-testid="character-count">Caracteres: 0</li>
    <li class="caja" data-testid="character-no-spaces-count">Caracteres excluyendo espacios: 0</li>
    <li class="caja" data-testid="number-count">Números: 0</li>
    <li class="caja" data-testid="number-sum">Suma de números: 0</li>
    <li class="caja" data-testid="word-length-average">Longitud de palabras: 0</li>
  </ul>
  <button id="reset-button">Limpiar</button>
  <footer>
    <p>Copyright ©2024 Camila Arrobo</p>
  </footer>
  <script src="index.js" type="module"></script>
</body>
</html>