fin taller 1

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.multiRootWorkspaceName": "TallerTypeScript"
+}

index.html

@@ -30,7 +30,7 @@
   <div class="container">
     <div class="row">
       <div class="col-lg-7 col-12">
-        <table class="table table-striped" id="tablaSeries">
+        <table class="table table-striped table-dark" id="tablaSeries">
           <thead>
             <tr>
               <th scope="col">#</th>
@@ -42,15 +42,17 @@
           <tbody id="cuerpo-Series">
           </tbody>
         </table>
-        <p id="averageSeasons">Average seasons: 0</p>
+        <p id="average">Average seasons: 0</p>
       </div>
       <div class="col-lg-6 col-12" id="contenido">
       </div>
     </div>
   </div>
-
+<script type="module" src = "lib/index.js"></script>
 </body>
 </html>
 
 
 
+
+

lib/Serie.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Serie = void 0;
-var Serie = /** @class */ (function () {
-    function Serie(id, nombre, canal, temporadas, descripcion, link, imagen) {
+export class Serie {
+    constructor(id, nombre, canal, temporadas, descripcion, link, imagen) {
         this.id = id;
         this.nombre = nombre;
         this.canal = canal;
@@ -11,6 +8,4 @@ var Serie = /** @class */ (function () {
         this.link = link;
         this.imagen = imagen;
     }
-    return Serie;
-}());
-exports.Serie = Serie;
+}

lib/data.ts

@@ -18,5 +18,4 @@ export const series = [
 
     new Serie (6, "A Very English Scandal", "BBC", 2, "A Very English Scandal is a fact-based three-part British television comedy-drama miniseries based on John Preston's book of the same name.",
         "https://www.bbc.co.uk/programmes/p065smy4", "https://i.imgur.com/D4y3DrQ.jpg"),
-  ];
-
+  ];

lib/index.js

@@ -1,15 +1,35 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var data_js_1 = require("./data.js");
-var tabla = document.querySelector('.cuerpo-Series');
-if (tabla) {
-    data_js_1.series.forEach(function (serie) {
-        var row = document.createElement('tr');
-        row.innerHTML = "\n            <th scope=\"row\">".concat(serie.id, "</th>\n            <th scope=\"row\">").concat(serie.nombre, "</td>\n            <th scope=\"row\">").concat(serie.canal, "</td>\n            <th scope=\"row\">").concat(serie.temporadas, "</td>");
-        tabla.appendChild(row);
-    });
+import { series } from './data.js';
+const tabla = document.getElementById('cuerpo-Series');
+var sumatoria = 0;
+
+function cargarTabla() {
+    if (tabla) {
+        series.forEach((serie) => {
+            const row = document.createElement('tr');
+            row.innerHTML = `
+                <th scope="row">${serie.id}</th>
+                <th scope="row">${serie.nombre}</td>
+                <th scope="row">${serie.canal}</td>
+                <th scope="row">${serie.temporadas}</td>`;
+            tabla.appendChild(row);
+        });
+    }
+    else {
+        console.error("No se encontró el elemento con la clase 'table'");
+    }
 }
-else {
-    console.error("No se encontró el elemento con la clase 'table'");
+
+function promedioTemporadas() {
+    if (tabla) {
+        series.forEach((serie) => {
+            sumatoria += serie.temporadas;
+        });
+    }
+    const parrafo = document.getElementById('average');
+    var promedio = sumatoria / series.length;
+    parrafo.innerHTML = `Average seasons: ${promedio}`
 }
-document.getElementsByTagName("h1")[0].innerHTML = "Hola desde Typescript";
+
+
+cargarTabla();
+promedioTemporadas()

lib/index.ts

@@ -1,7 +1,7 @@
 import { series } from './data.js';
 import { Serie } from './Serie.js';
 
-const tabla: HTMLElement | null = document.querySelector('.cuerpo-Series');
+const tabla: HTMLElement | null = document.querySelector('table');
 
 if (tabla) {
     series.forEach((serie) => {
@@ -18,5 +18,4 @@ if (tabla) {
 
 } else {
     console.error("No se encontró el elemento con la clase 'table'");
-}
-document.getElementsByTagName("h1")[0].innerHTML = "Hola desde Typescript";
+}

tsconfig.json

@@ -106,4 +106,4 @@
     // "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
     "skipLibCheck": true                                 /* Skip type checking all .d.ts files. */
   }
-}
+}