diff --git a/Capitulo 10/codigo.js b/Capitulo 10/codigo.js
new file mode 100644
index 0000000..1ab0dc1
--- /dev/null
+++ b/Capitulo 10/codigo.js
@@ -0,0 +1,77 @@
+// A mí en particular este código no me anda, creo que es el switch case ya que sea el caso que sea me tira null (default).
+// Probé de mil maneras, si alguien lo consigue solucionar sería buenísimo.
+
+const sendButton = document.getElementById('snd-nota');
+
+sendButton.addEventListener("click",()=>{
+ let resultado, mensaje;
+ try {
+ prevRes = parseInt(document.getElementById('nota').value);
+ if (isNaN(prevRes)) {
+ throw "Gracioso";
+ }
+ resultado = verificarAprobacion(8,4,mensaje);
+ mensaje = definirMensaje(resultado[1]);
+ } catch (e) {
+ resultado = "¿SOS GRACIOSO?";
+ mensaje = "He descubierto que intentaste hackear el sitio";
+ }
+ abrirModal(resultado[0], mensaje);
+});
+
+
+const definirMensaje = (pr)=>{
+ let resultado;
+ switch (true) {
+ case 1:
+ resultado = "No podés ser tan HDP";
+ break;
+ case 2:
+ resultado = "Sos malísimo para mi materia";
+ break;
+ case 3:
+ resultado = "No sabés casi nada";
+ break;
+ case 4:
+ resultado = "Muy mal";
+ break;
+ case 5:
+ resultado = "Mal";
+ break;
+ case 6:
+ resultado = "Regular";
+ break;
+ case 7:
+ resultado = "Bien, pero puede mejorar";
+ break;
+ case 8:
+ resultado = "!Muy bien¡";
+ break;
+ case 9:
+ resultado = "!Excelente¡";
+ break;
+ case 10:
+ resultado = "!Inusperable hijo de su pinshi madre¡";
+ break;
+ default:
+ resultado = null;
+ }
+ return resultado;
+}
+
+const verificarAprobacion = (nota1,nota2,prevRes)=>{
+ promedio = (nota1 + nota2 + prevRes) / 3;
+ if (promedio >= 7) {
+ return ["APROBADO", Math.round(promedio)];
+ }else{
+ return ["DESAPROBADO", Math.round(promedio)];
+ }
+}
+
+const abrirModal = (res,msg)=>{
+ document.querySelector(".resultado").innerHTML = res;
+ document.querySelector(".mensaje").innerHTML = "Tu prueba: " + msg;
+ let modal = document.querySelector(".modal-background");
+ modal.style.display = "flex";
+ modal.style.animation = "aparecer 1s forwards";
+}
diff --git a/Capitulo 10/estilo.css b/Capitulo 10/estilo.css
new file mode 100644
index 0000000..02d82a3
--- /dev/null
+++ b/Capitulo 10/estilo.css
@@ -0,0 +1,77 @@
+body {
+ color: #333;
+ font-family: sans-serif;
+}
+
+.formulario-de-notas {
+ margin-top: 60px;
+ text-align: center;
+ background: #26a;
+ padding: 20px;
+ box-sizing: border-box;
+ display: flex;
+ width: fit-content;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+h2 {
+ margin: 0;
+ flex-grow: 1;
+ color: #fff;
+ margin-right: 20px;
+}
+
+input {
+ width: 30px;
+ border: none;
+}
+
+input[type="button"] {
+ width: auto;
+ margin-left: 5px;
+ color: #48e;
+ background: #fff;
+}
+.modal-background {
+ box-sizing: border-box;
+ width: 100%;
+ height: 100%;
+ background: rgba(0,0,0,.7);
+ position: absolute;
+ top: 0;
+ left: 0;
+ display: none;
+ opacity: 0;
+}
+
+.modal {
+ background: #fff;
+ width: 500px;
+ margin: auto;
+ text-align: center;
+}
+
+.resultado {
+ font-size: 23px;
+ margin-bottom: 5px;
+}
+
+.red{
+ color: #f00;
+}
+
+.green{
+ color: #0f0;
+}
+
+@keyframes aparecer {
+ 0% {
+ opacity: 0;
+ display: flex;
+ }
+ 100% {
+ opacity: 1;
+ display: flex;
+ }
+}
diff --git a/Capitulo 10/index.html b/Capitulo 10/index.html
new file mode 100644
index 0000000..c327a37
--- /dev/null
+++ b/Capitulo 10/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+ Capítulo 10
+
+
+
+
+
+
+
diff --git a/capitulo 11/codigo,js b/capitulo 11/codigo,js
new file mode 100644
index 0000000..0e15f35
--- /dev/null
+++ b/capitulo 11/codigo,js
@@ -0,0 +1,29 @@
+/*
+Métodos Transformadores de cadenas OBSOLETOS o No Recomendados
+big()
+blink()
+bold()
+fixed()
+fontcolor()
+fontsize()
+italics()
+anchor()
+link()
+small()
+strike()
+sub()
+sup()
+
+
+Métodos específicos obsoletos
+observe()
+unobserve()
+getNotifier()
+watch()
+unwatch()
+toSource()
+escape() (la función)
+unescape() (la función)
+uneval como método
+eval como método
+*/
diff --git a/capitulo 12/codigo.js b/capitulo 12/codigo.js
new file mode 100644
index 0000000..9c2fb91
--- /dev/null
+++ b/capitulo 12/codigo.js
@@ -0,0 +1,43 @@
+const materiasHTML = document.querySelector(".materias");
+
+const materias = [
+ {
+ nombre: "Física 4",
+ nota: 7
+ },{
+ nombre: "Cálculo 3",
+ nota: 8
+ },{
+ nombre: "Bases de datos 3",
+ nota: 9
+ },{
+ nombre: "Matemáticas discretas 2",
+ nota: 7
+ },{
+ nombre: "Programación 4",
+ nota: 8
+ }
+];
+
+const obtenerMateria = (id)=>{
+ return new Promise((res,rej)=>{
+ materia = materias[id]
+ if (materia == undefined) rej("La materia no existe");
+ else setTimeout(()=>{res(materia)}, Math.random()*400);
+ })
+}
+
+const devolverMaterias = async ()=>{
+ let materia = [];
+ for (let i = 0; i < materias.length; i++) {
+ materia[i] = await obtenerMateria(i);
+ let newHTMLCode = `
+
+
${materia[i].nombre}
+
${materia[i].nota}
+
`;
+html += `Hostname: ${hostname}
`;
+html += `Pathname: ${pathname}
`;
+html += `URL completa: ${href}
`;
+
+document.write(html);
+
+}
diff --git a/capitulo 7/index.html b/capitulo 7/index.html
new file mode 100644
index 0000000..d86e8dd
--- /dev/null
+++ b/capitulo 7/index.html
@@ -0,0 +1,11 @@
+
+
+
+
+
+ Capítulo 7
+
+
+
+
+
diff --git a/capitulo 8/index.html b/capitulo 8/index.html
new file mode 100644
index 0000000..707f67c
--- /dev/null
+++ b/capitulo 8/index.html
@@ -0,0 +1,11 @@
+
+
+
+
+
+ Capítulo 8
+
+
+
+
+
diff --git a/capitulo 9/codigo.js b/capitulo 9/codigo.js
new file mode 100644
index 0000000..75633dd
--- /dev/null
+++ b/capitulo 9/codigo.js
@@ -0,0 +1,109 @@
+// addEventListener("resize",()=>{
+// console.log("Se ha actualizado la resolución");
+// })
+
+{// Problema a de Cofla
+// const nombre = document.getElementById("nombre");
+// const email = document.getElementById("email");
+// const materia = document.getElementById("materia");
+// const boton = document.getElementById("btn-enviar");
+// const resultado = document.querySelector(".resultado");
+
+// const validarCampos()=>{
+// let error = [];
+// if (nombre.value.length < 5 || nombre.value.length > 40){
+// error[0] = true;
+// error[1] = "El nombre es inválido.";
+// return error;
+// } else if (email.value.length < 5 ||
+// email.value.length > 40 ||
+// email.value.indexOf("@") == -1 ||
+// email.value.indexOf(".") == -1){
+// error[0] = true;
+// error[1] = "El mail es inválido.";
+// return error;
+// } else if (matera.value.length < 4 || materia.value.length > 40){
+// error[0] = true;
+// error[1] = "La materia no existe."
+// }
+// error[0] = false;
+// return error;
+// }
+
+// boton.addEventListener("click",(e)=>{
+// e.preventDefault();
+// let error = validarCampos();
+// if (error[0]){
+// resultado.innerHTML = error[1];
+// resultado.classList.add("red");
+// } else{
+// resultado.innerHTML = "Solicitud enviada correctamente";
+// resultado.classList.add("green");
+// resultado.classList.remove("red");
+// }
+// })
+}
+
+{//Problema b de Cofla
+// let alumnos = [{
+// nombre: "Lucas Dalto",
+// email: "soydalto@gmail.com",
+// materia: "Física 3"
+// },{
+// nombre: "Juan José",
+// email: "juanjosedenk05@gmail.com",
+// materia: "Física 2"
+// },{
+// nombre: "Jorge Ramírez",
+// email: "ramirez@gmail.com",
+// materia: "Cálculo 2"
+// },{
+// nombre: "Facundo Roberto",
+// email: "robert@gmail.com",
+// materia: "Literatura"
+// },{
+// nombre: "Cofla XD",
+// email: "coffla@gmail.com",
+// materia: "Recreo"
+// }];
+
+// const boton = document.querySelector(".boton-confirmar");
+// const contenedor = document.querySelector(".grid-container");
+
+// let htmlCode = "";
+
+// for (alumno in alumnos){
+// let datos = alumnos[alumno];
+// let nombre = datos["nombre"];
+// let email = datos["email"];
+// let materia = datos["materia"];
+// htmlCode += `
+// ${nombre}
+// ${email}
+// ${materia}
+//
+//
+//
+// `
+// }
+
+// contenedor.innerHTML = htmlCode;
+
+// boton.addEventListener("click",()=>{
+// let confirmar = confirm("¿Realmente quieres confirmar las mesas?");
+// if (confirmar){
+// document.body.removeChild(boton);
+// let elementos = document.querySelectorAll(".semana");
+// let semanasElegidas = document.querySelectorAll(".semana-elegida");
+// for (elemento in elementos){
+// let semana = elementos[elemento];
+// semana.innerHTML = semanasElegidas[elemento].value;
+
+// }
+// }
+// })
+
+}
diff --git a/capitulo 9/estilo.css b/capitulo 9/estilo.css
new file mode 100644
index 0000000..c626780
--- /dev/null
+++ b/capitulo 9/estilo.css
@@ -0,0 +1,83 @@
+{/* Problema a de Cofla
+body{
+ color: #333;
+ font-family: sans-serif;
+ background: #000;
+}
+input{
+ display: block;
+ padding: 9px;
+ margin: 12px 5%;
+ box-sizing: border-box;
+ border: none;
+ border-top: 2px solid #48e;
+ background: transparent;
+ outline: none !important;
+ transition: background 0.3s;
+ width: 100%;
+ color: #fff;
+}
+input::placeholder{
+ color: #48e;
+ transition: color 0.3s;
+}
+input:hover{
+ background: #26a;
+}
+input:hover::placeholder{
+ color: #fff;
+}
+input[type="submit"]{
+ width: 60%;
+ padding: 12px;
+ background: #26a;
+ color: #fff;
+ margin: 24px 0;
+ margin-bottom: 12px;
+}
+input[type="submit"]:hover{
+ background: #048;
+}
+form{
+ width: 86%;
+ margin: auto;
+ background: #013;
+ padding: 30px;
+}
+h2{
+ color: #fff;
+ margin-bottom: 36px;
+}
+
+.green{
+ color: #9c9;
+}
+.red{
+ color: #c99;
+}
+*/
+}
+
+{ /* Problema b de Cofla */
+/*.grid-container{
+ display: grid;
+ grid-template-rows: 50px;
+ grid-template-columns: repeat(4, minmax(min-content,max-content));
+ grid-auto-rows: 50px;
+
+}
+.grid-container .grid-item{
+ padding: 10px;
+ border: 2px solid #26a;
+ margin: 3px;
+ background: #fff;
+}
+.boton-confirmar{
+ padding: 9px 40px;
+ background: #48e;
+ color: #fff;
+ border: none;
+ margin: 30px;
+}
+*/
+}
diff --git a/capitulo 9/index.html b/capitulo 9/index.html
new file mode 100644
index 0000000..409c2ff
--- /dev/null
+++ b/capitulo 9/index.html
@@ -0,0 +1,30 @@
+
+
+
+
+
+ Problema de Cofla
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+