cambios que no se subieron

.github/workflows/node.js.yml

@@ -0,0 +1,31 @@
+# This workflow will do a clean installation of node dependencies, cache/restore them, build the source code and run tests across different versions of node
+# For more information see: https://docs.github.com/en/actions/automating-builds-and-tests/building-and-testing-nodejs
+
+name: Node.js CI
+
+on:
+  push:
+    branches: [ "main" ]
+  pull_request:
+    branches: [ "main" ]
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [14.x, 16.x, 18.x]
+        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
+
+    steps:
+    - uses: actions/checkout@v3
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v3
+      with:
+        node-version: ${{ matrix.node-version }}
+        cache: 'npm'
+    - run: npm ci
+    - run: npm run build --if-present
+    - run: npm test

gif analyzer

@@ -0,0 +1 @@
+

imagenes

@@ -0,0 +1 @@
+

package.json

@@ -27,7 +27,7 @@
     "babel-jest": "^27.0.1",
     "css": "^3.0.0",
     "eslint": "^8.3.0",
-    "gh-pages": "^3.1.0",
+    "gh-pages": "^3.2.3",
     "htmlhint": "^1.0.0",
     "jest": "^27.0.1",
     "jsdom": "^21.1.1",
@@ -42,4 +42,4 @@
     "version": "6.3.0",
     "commit": "a942adeb868f1fe54b86e34cc4fc4ddb0601700d"
   }
-}
+}

read-only/test/e2e/app.spec.js

@@ -104,8 +104,8 @@ test.describe('Botón:', () => {
     await textarea.click();
     await textarea.type(TEST_TEXT_NO_NUMBERS);
   });
-
   test('Limpia caja de texto', async ({ page }) => {
+    const TEST_TEXT_EMPTY = '';
     const textarea = await page.locator('textarea[name="user-input"]');
     await expect(textarea).toHaveValue(TEST_TEXT_NO_NUMBERS);
     const button = await page.locator('id=reset-button')

src/analyzer.js

@@ -1,22 +1,48 @@
-const analyzer = {  
+const analyzer = {
   getWordCount: (text) => {
-    //TODO: esta función debe retornar el recuento de palabras que se encuentran en el parámetro `text` de tipo `string`.
+    const palabrasSeparadas = text.split(" ");
+    const resultadoTexto = palabrasSeparadas.length; 
+    return resultadoTexto;
   },
   getCharacterCount: (text) => {
-    //TODO: esta función debe retornar el recuento de caracteres que se encuentran en el parámetro `text` de tipo `string`.
+    const cantidadDeLetras = text.length;
+    return cantidadDeLetras;
   },
   getCharacterCountExcludingSpaces: (text) => {
-    //TODO: esta función debe retornar el recuento de caracteres excluyendo espacios y signos de puntuación que se encuentran en el parámetro `text` de tipo `string`.
-  },
-  getAverageWordLength: (text) => {    
-    //TODO: esta función debe retornar la longitud media de palabras que se encuentran en el parámetro `text` de tipo `string`.
+    const cantidadDeCaracteres = (text.replace(/\s/g,''));
+    const sinEspacio = cantidadDeCaracteres.replace(/[^a-zA-Z0-9]/g,'');
+    return sinEspacio.length;
   },
   getNumberCount: (text) => {
-    //TODO: esta función debe retornar cúantos números se encuentran en el parámetro `text` de tipo `string`.
+    const numeros = text.match(/\b\d+(\.\d+)?\b/g) || [];
+    let count = 0;
+    numeros.forEach((Number) => {
+      const parseNumber=parseFloat(Number);
+      if(!isNaN (parseNumber) && isFinite(parseNumber)) {
+        count++;}
+    });
+    return count;
   },
   getNumberSum: (text) => {
-    //TODO: esta función debe retornar la suma de todos los números que se encuentran en el parámetro `text` de tipo `string`.
+    const numbers = text.match(/\b\d+(\.\d+)?\b/g) || [];
+    let sum = 0;
+    numbers.forEach((number) => {
+      const parseNumber = parseFloat(number);
+      if (!isNaN(parseNumber) && isFinite(parseNumber)){
+        sum += parseNumber;
+      }
+    });
+    return sum;
+  },
+  getAverageWordLength: (text) => {
+    const cantidadDePalabras = text.split(' ');
+    let sumaLargos = 0;
+    for (let i = 0; i < cantidadDePalabras.length; i++) {
+      sumaLargos += cantidadDePalabras[i].length;
+    }
+    const largoPromedio = sumaLargos / cantidadDePalabras.length;
+    return Number(largoPromedio.toFixed(2));
   },
 };
-
 export default analyzer;
+

src/index.html

@@ -1,13 +1,30 @@
 <!DOCTYPE html>
 <html>
-
 <head>
   <meta charset="utf-8">
-  <title>Analizador de texto</title>
+  <title>Proyecto1</title>
   <link rel="stylesheet" href="style.css" />
 </head>
-
-<body>
-  <script src="index.js" type="module"></script>
-</body>
-</html>
+<body class="colorDeFondo">
+  <header>
+    <h1> Analizador de texto </h1>
+    </header>
+  <ul class="ulEstilo">
+    <li class="liEstilo">Recuento de caracteres: <span id="contarCaracteres" class="cuadroResultado"></span> </li>
+    <li class="liEstilo">Sin caracteres: <span id="sinCaracteres" class="cuadroResultado"></span> </li> 
+    <li class="liEstilo">Recuento de palabras: <span id="contarPalabras" class="cuadroResultado"></span> </li>
+    <li class="liEstilo">Recuento de numeros: <span id="contarNumeros" class="cuadroResultado"></span> </li>
+    <li class="liEstilo">Suma de numeros: <span id="sumaNumeros" class="cuadroResultado"></span> </li>
+    <li class="liEstilo">Promedio de longitud: <span id="longitudPromedio" class="cuadroResultado"></span> </li>
+  </ul>
+<textarea name="user-input" type="text">
+</textarea>
+<div>
+  <button type="button" id="reset-button">Limpiar texto</button>
+</div>
+<footer>
+  <p>Creado por Bernardita del Pino Villaseca</p>
+    </footer>
+    <script src="index.js" type="module"></script>
+  </body>
+</html>

src/index.js

@@ -1,3 +1,27 @@
 import analyzer from './analyzer.js';
-
-//TODO: escuchar eventos del DOM e invocar  los métodos del objeto `analyzer`
+const textarea = document.querySelector("textarea[name='user-input']");
+textarea.addEventListener("keyup", function () {
+  const text = textarea.value;
+  const contarCaracteres = analyzer.getCharacterCount(text);
+  document.getElementById("contarCaracteres").innerHTML = contarCaracteres;
+  const sinCaracteres = analyzer.getCharacterCountExcludingSpaces(text);
+  document.getElementById("sinCaracteres").innerHTML = sinCaracteres;
+  const contarPalabras = analyzer.getWordCount(text);
+  document.getElementById("contarPalabras").innerHTML = contarPalabras;
+  const contarNumeros = analyzer.getNumberCount(text);
+  document.getElementById("contarNumeros").innerHTML = contarNumeros;
+  const sumaNumeros = analyzer.getNumberSum(text);
+  document.getElementById("sumaNumeros").innerHTML = sumaNumeros;
+  const longitudPromedio = analyzer.getAverageWordLength(text);
+  document.getElementById("longitudPromedio").innerHTML = longitudPromedio;
+})
+const button = document.getElementById("reset-button");
+button.addEventListener("click", function () {
+  textarea.value = '';
+  document.getElementById("contarCaracteres").innerHTML = '';
+  document.getElementById("sinCaracteres").innerHTML = '';
+  document.getElementById("contarPalabras").innerHTML = '';
+  document.getElementById("contarNumeros").innerHTML = '';
+  document.getElementById("sumaNumeros").innerHTML = '';
+  document.getElementById("longitudPromedio").innerHTML = '';
+});

src/style.css

@@ -0,0 +1,94 @@
+header {
+    text-align: -webkit-center;
+    font-family: math;
+    color: rgb(47, 40, 40);
+    background-color: #fabfb7;
+    max-width: -webkit-fill-available;
+    margin: 50px;
+    border: dashed 2px;
+    border-radius: 50px;
+    border-color: white;
+    width: 100%;
+}
+.colorDeFondo {
+    background-image: url('https://i.blogs.es/6e7601/paige-cody--esaigzemqu-unsplash/840_560.jpeg');
+    background-size: cover;
+}
+
+.ulEstilo {
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-content: flex-start;
+    justify-content: center;
+    align-items: baseline;
+    justify-content: center;
+    margin: 9px;
+}
+
+.liEstilo {
+    background-color: #fabfb7;
+    border-radius: 10px;
+    border: solid 2px white;
+    width: 186px;
+    height: 42px;
+    font-family: math;
+    font-size: 14px;
+    padding: 9px;
+    margin: 9px;
+}
+
+.cuadroResultado {
+    border: solid 2px;
+    border-color: antiquewhite;
+    background-color: #ffda9e;
+    color: rgb(47, 40, 40);
+    width: 80px;
+    height: 30px;
+}
+
+textarea[name="user-input"] {
+    text-align: -webkit-center;
+    font-family: math;
+    margin: 50px;
+    width: 1000px;
+    height: 137px;
+    resize: none;
+    margin-top: 0px;
+    margin-left: 150px;
+    font-size: 18px;
+    color: rgb(47, 40, 40);
+    font-family: math;
+    border: solid 3px;
+    border-radius: 24px;
+    border-color: #f19b8f;
+    background-color: #ffda9e;
+}
+#reset-button {
+    border: dashed 2px;
+    border-radius: 20px;
+    border-color: #f19b8f;
+    background-color: #ffda9e;
+    width: 93px;
+    height: 50px;
+    font-family: math;
+    font-size: 14px;
+    padding: 9px;
+    margin: 9px;
+    margin-left: auto;
+    margin-right: auto;
+    display: grid;
+}
+footer {
+    text-align: -webkit-center;
+    font-family: math;
+    color: rgb(47, 40, 40);
+    background-color: #f19b8f;
+    max-width: -webkit-fill-available;
+    margin: 50px;
+    border: dashed 2px;
+    border-radius: 10px;
+    border-color: white;
+    width: 100%;
+}