Mostrar y Ocultar contenido con JavaScript

Поділитися
Вставка
  • Опубліковано 4 гру 2024

КОМЕНТАРІ • 61

  • @ortizjeison
    @ortizjeison Рік тому +12

    Es increible que algo tan simple no saliera en ningún lado de una manera clara, casi siempre mostraban solo metodos con jquery, gracias muchacho te ganaste un likesito xd

    • @TuPapaHL10
      @TuPapaHL10 Рік тому +1

      Literal, hay mucho código de jQuery y poco de Javascript vanila

  • @edgarabrahamluceropadilla5311
    @edgarabrahamluceropadilla5311 2 місяці тому

    ¡Amigo, eres un CRAK, aquí tienes un nuevo suscriptor!
    "Nos has salvado, estamos agradecidos" 🤩🤩🤩🤩

  • @Raar_Raar
    @Raar_Raar 2 роки тому +4

    horas buscando justo lo que necesitaba y encontré el video perfecto. Muchas gracias!

  • @valentinmiranda8743
    @valentinmiranda8743 Рік тому +1

    que grande
    estuve media hora pensando que hacer .soy muy nuevo en JS y me re sirvio tu video ,Crack

  • @sermur8995
    @sermur8995 2 роки тому +1

    Gracias, corto, claro y preciso.

  • @brakmel
    @brakmel 3 роки тому

    Titan de titanes, dios de dioses, me has enseñado mucho en tan solo 6 minutos, gracias hermano mío =)

  • @daraayape
    @daraayape 3 роки тому +1

    Genial, super corto y sencillo, gracias!

  • @yourvieja6338
    @yourvieja6338 Рік тому

    Muy buen video, me sirvió mucha, sos una maquina

  • @sofiapacheco6463
    @sofiapacheco6463 4 місяці тому

    Muchísimas gracias

  • @josrob9764
    @josrob9764 3 роки тому +2

    Muy bien explicado, gracias bro ✌️

  • @pedroarruvito6600
    @pedroarruvito6600 2 роки тому

    muy sencillo y entendible. gracias

  • @Madrynense
    @Madrynense Рік тому

    Muy bueno!!! me ayudo a terminar mi proyecto!

  • @leofre
    @leofre 2 роки тому

    Excelente tutorial preciso, me sirve caleta! tienes mi like y suscripción.

  • @mbcio
    @mbcio Рік тому +1

    excelente video!

  • @miguelangelperezsantiago783
    @miguelangelperezsantiago783 5 місяців тому

    Thank you so much Sr!

  • @ashtsai7213
    @ashtsai7213 3 роки тому

    me haz salvado el trabajo de la u gracias jaja

  • @Mr.Atlass
    @Mr.Atlass 9 місяців тому

    muy util brou gracias por el tutorial

  • @Zejotv
    @Zejotv 3 роки тому

    Buen video, excelente explicación!!!

  • @brunomorinigo7606
    @brunomorinigo7606 2 роки тому

    Buen video hermano, gracias. Fue de mucha utilidad.

  • @svssvs7338
    @svssvs7338 Рік тому

    tome su like buen hombre 👍

  • @danielrios4655
    @danielrios4655 3 роки тому +2

    Muchas Gracias,,

  • @eliutmrodriguez9690
    @eliutmrodriguez9690 2 роки тому

    Gracias me sacaste de un problemota 😉

  • @hugo8217
    @hugo8217 2 роки тому

    Muchas gracias, me sirvió mucho

  • @alelh4521
    @alelh4521 3 роки тому

    Gracias, tu video me ayudó mucho

    • @BastianAndresWeb
      @BastianAndresWeb  3 роки тому +1

      Me alegro que te haya servido😊 si te gusto mi contenido te invito a suscribirte 😊

  • @javisuarez8827
    @javisuarez8827 Рік тому

    El mejor

  • @protn-ct1ms
    @protn-ct1ms 3 роки тому +3

    Buen video!!!! podrías enseñar como ordenar un proyecto profesional? es decir, separar .css .html. js, y como y cuando es que se ponen en diferentes carpetas y así porfavor; no encuentro muchos videos de como estructurizar un proyecto medianamente grande; y me interesa verlo desde tu canal, ya que estuve viendo videos tuyos y me gusta muchísimo tu forma de expresarte y explicar :"), gracias por leer y por supuesto nuevo sub.

    • @BastianAndresWeb
      @BastianAndresWeb  3 роки тому +2

      sii, ningun problema, intentaré hacer un video respecto a eso, pero te explicaré por aca por mientas.
      El tema de el orden igual depende de cada persona pero en mi caso, primero creo la carpeta del proyecto, dentro de esta carpeta tendré:
      1-. Todos los .html ( en el home de la carpeta del proyecto, si es que se puede decir así, no tiene que estar dentro de ninguna subcarpeta)
      2_-. Una carpeta llamada css, en donde tendré todos mis .css
      3-. Una carpeta llamada js, en donde tendre mis .js
      4-. Una carpeta llamada img, en donde tendré todas mis imágenes
      Esta sería una estructura básica para que tu proyecto quede ordenado, es importante que todos tus .html no esten dentro de ninguna subcarpeta, ya que si algun dia subes tu página a un hosting, ese mismo hosting, necesitará leer tu index.html para iniciar la página, es como que tu hosting buscara el index.html por lo que no debe estar escondido.
      Espero que te haya servido:) y muchas gracias por pasarte por mi canal:)

    • @BastianAndresWeb
      @BastianAndresWeb  3 роки тому +1

      En el caso de que no haya quedado claro, intentaré esta semana subir el video explicando el tema mas a fondo:)

    • @protn-ct1ms
      @protn-ct1ms 3 роки тому +1

      @@BastianAndresWeb Si, quedo claro!!! Gracias! una pregunta, ¿y cuando reutilizo código html con s o cuando lo hago con includes de php? como podría organizar esos archivos, o por ejemplo estoy haciendo un sistema de cuentas, y la página de inicio la tengo en la carpeta principal pero el html de inicio de sesión, la tengo en una carpeta "accounts", donde esta el .html o el .php para iniciar sesión, en ese caso, el archivo .css tendría que ponerlo en la en una nueva carpeta de css en accounts o ponerlo en la carpeta principal de css?

    • @BastianAndresWeb
      @BastianAndresWeb  3 роки тому

      como te digo, el orden al final depende de cada uno, pero en ese caso te recomiendo que sigas teniendo todos tus .css en tu carpeta de css

  • @JuanZerulJR
    @JuanZerulJR 3 роки тому +2

    Excelente contenido. Se puede hacer referencia a los elementos ocultos??

  • @facundobarrientos2696
    @facundobarrientos2696 Рік тому

    Hay algun problema, si en vez de un boton tengo un div?

  • @usuarioxyz9038
    @usuarioxyz9038 2 роки тому +1

    como se hace para que el mismo boton sirva para ocultar y desocultar? respuesta bien explicada plis

    • @BastianAndresWeb
      @BastianAndresWeb  2 роки тому +2

      Para hacer eso tendrias que ocupar jquery usando esto: $("#id-boton).click(function(){
      $("#objeto-que-mostraras").fadeToggle();
      });

  • @jesusisraelcutzpoot3222
    @jesusisraelcutzpoot3222 3 роки тому

    Buen video crack

  • @Zero-mz5sl
    @Zero-mz5sl 7 місяців тому

    Y como sería si quisiera que por defecto se muestre el contenido y luego ocultarlo?

  • @BcDavilaPLAY
    @BcDavilaPLAY 2 роки тому

    No se puede hacer con el mismo botón mostrar y ocultar?

    • @RafaelFlorez67
      @RafaelFlorez67 2 роки тому

      Y... se puede de esta manera mas corta:
      img {
      width: 400px;
      }
      .ver img {
      display: none;
      }
      Mostrar Imagen

  • @joseantonioamayapostigo2542
    @joseantonioamayapostigo2542 2 роки тому

    buenas con visual estudio codec me da un error en los dos puntos en la function mostrar() y no me funciona

  • @tienzoo
    @tienzoo 3 роки тому +1

    podrias hacerlo pero con mas elementos?

  • @hayvervargas3671
    @hayvervargas3671 3 роки тому

    Muchas gracias por el vídeo, bro una ayuda, y si quisiera que al darle ocultar imagen, y se guardará así hasta que yo le de mostrar imágen.
    Es decir conserve la propiedad del botón

  • @julianacoachmindset
    @julianacoachmindset Рік тому

    Muchas gracias por este video, me quede con la inquietud de como utilizarlo para videos????
    Me puedes ayudar plis

  • @heisserrr2534
    @heisserrr2534 2 роки тому

    Muy bueno el video. Quería consultar si se puede hacer la misma funcion pero recibiendo un div como parámetro y asi poder aplicarlo a varios div distintos a la ves, intente pero no me sale

    • @BastianAndresWeb
      @BastianAndresWeb  2 роки тому

      si claro, sirve con cualquier etiqueta de html

    • @alexsebastian7785
      @alexsebastian7785 Рік тому

      Bro lo pudiste hacer para varios div? De forma dinámica ? Si es un si ilumíname 👋🏻

  • @khrissmannix4204
    @khrissmannix4204 3 місяці тому

    Muy bueno. Aunque creo que le faltó más.

  • @ricardidash5583
    @ricardidash5583 2 роки тому

    Hola , me gustaria saber como agregarle una pequeña transicion cuando haga click y desaparezca la imagen ,para que se demore unos 2 o 3 segundos en desaparecer

    • @BastianAndresWeb
      @BastianAndresWeb  2 роки тому

      tendrias que agregar la función de css transition: all 300ms;

  • @joelbozada9435
    @joelbozada9435 Рік тому

    como elimino el titulo y otras propiedades de youyube con algun codigo

  • @morenomoreno2241
    @morenomoreno2241 2 роки тому +1

    Gracias amigo buen video.Por qué no funciona en el mío ya llevo 12 horas y no me lo hace

  • @jheffersonsotaban1930
    @jheffersonsotaban1930 2 роки тому

    Puedes hacerlo para ocultar varias imágenes de una galería?

  • @edgarfabricojimenezurbina3325
    @edgarfabricojimenezurbina3325 2 роки тому

    Hey bro una duda como se haría con un solo botón que haga las 2 funciones

    • @RafaelFlorez67
      @RafaelFlorez67 2 роки тому

      Y... se puede de esta manera mas corta:
      img {
      width: 400px;
      }
      .ver img {
      display: none;
      }
      Mostrar Imagen

  • @raulcouoh3812
    @raulcouoh3812 2 роки тому

    Muy buen video pero al precionar otro botón cómo puedo hacer que se quite y aparezca otro texto urge:(

  • @julietacimolini
    @julietacimolini 2 роки тому

    Hola, lo he intentado asi y no me sale, ya he mirado varios videos sobre script, pero no de todas las formas que encontre e intente nunca me salio lo que queria hacer. Algunas sugerencias de las fallas que puedo estar cometiendo??

    • @RafaelFlorez67
      @RafaelFlorez67 2 роки тому

      Y... prueba de esta manera mas corta:
      img {
      width: 400px;
      }
      .ver img {
      display: none;
      }
      Mostrar Imagen

  • @RafaelFlorez67
    @RafaelFlorez67 2 роки тому +2

    Esta es otra forma de hacerlo, con el mismo resultado:
    Colocando esto en body:
    img {
    width: 400px;
    }
    .ver img,
    .ver #btn {
    display: none;
    }
    Mostrar Imagen
    Ocultar Imagen

  • @angerlukeTAC
    @angerlukeTAC 9 місяців тому

    Muy útil. Yo lo que quiero hacer es ocultar ciertos botones que tengo al llegar al nav. Si alguien me lo puede decir le estaría muy agradecido.