window.addEventListener('load', function () { //FUNCIÓN PARA MOSTRAR LOS CURSOS function mostrarAllCursos(cursos){ //MOSTRAR TODOS LOS CURSOS for(let i = 0; i < cursos.length;i++){ cursos[i].style.display = "block"; } } //FUNCIÓN PARA MOSTRAR TODOS LOS TITULOS function mostrarAllTitulos(titulos){ //MOSTRAR TODOS LOS TITULOS for(let i = 0; i < titulos.length;i++){ titulos[i].style.display = "block"; } } //FUNCIÓN PARA RESETEAR EL ESTADO DE LA PÁGINA function mostrarTodo(cursos,titulos){ mostrarAllCursos(cursos); mostrarAllTitulos(titulos); } //FUNCIÓN PARA MOSTRAR LA MODALIDAD VIRTUAL function opcionModalidadVirtual(modalidades, cursos){ for(let i = 0; i < modalidades.length;i++){ if(modalidades[i].innerText == "Presencial" || modalidades[i].innerText == "Oberta"){ cursos[i].style.display = "none"; } } } //FUNCIÓN PARA MOSTRAR LA MODALIDAD PRESENCIAL function opcionModalidadPresencial(modalidades, cursos){ for(let i = 0; i < modalidades.length;i++){ if(modalidades[i].innerText == "Virtual" || modalidades[i].innerText == "Oberta"){ cursos[i].style.display = "none"; } } } //FUNCIÓN PARA MOSTRAR LA MODALIDAD OBERTA function opcionModalidadOberta(modalidades, cursos){ for(let i = 0; i < modalidades.length;i++){ if(modalidades[i].innerText == "Presencial" || modalidades[i].innerText == "Virtual"){ cursos[i].style.display = "none"; } } } //FUNCIÓN PARA SELECCIONAR MODALIDAD function opcionModalidad(cursos){ let selector = document.getElementById("modalidadSelector").value;//selector modalidad let modalidades = document.getElementsByClassName("modalidades");//modalidades de los cursos /*MOSTRAR SOLO VIRTUAL*/ if(selector === "virtual"){ opcionModalidadVirtual(modalidades, cursos); } /*MOSTRAR SOLO PRESENCIAL*/ if(selector === "presencial"){ opcionModalidadPresencial(modalidades, cursos); } /*MOSTRAR SOLO ABIERTO*/ if(selector === "oberta"){ opcionModalidadOberta(modalidades, cursos); } } //FUNCIÓN PARA MOSTRAR LA CATEGORIA 1 function opcionCategoria1(titulos){ let categoria2 = document.getElementsByClassName("categoria2");//cursos de la categoria 2 titulos[1].style.display = "none";//titulo de la segunda categoria 2 for(let i = 0; i < categoria2.length;i++){ categoria2[i].style.display = "none"; } } //FUNCIÓN PARA MOSTRAR LA CATEGORIA 2 function opcionCategoria2(titulos){ let categoria1 = document.getElementsByClassName("categoria1");//cursos de la categoria 1 titulos[0].style.display = "none";//titulo de la primera categoria for(let i = 0; i < categoria1.length;i++){ categoria1[i].style.display = "none"; } } //SELECCIONAR LA CATEGORIA function opcionCategoria(titulos){ let selector2 = document.getElementById("categoriaSelector").value; /*MOSTRAR CATEGORIA 1*/ if(selector2 === "1"){ opcionCategoria1(titulos); } /*MOSTRAR CATEGORIA 2*/ if(selector2 === "2"){ opcionCategoria2(titulos); } } //SELECCIONAR LO QUE QUIERES MOSTRAR EN GENERAL document.getElementById("botonBuscar").addEventListener('click', function BuscarSelector() { let cursos = document.getElementsByClassName("bloqueCurso");//cursos let titulos = document.getElementsByClassName("tituloCursos");//titulos mostrarTodo(cursos,titulos); opcionModalidad(cursos); opcionCategoria(titulos); }); });