Evento Click en un botón ¿Cómo funciona? - JavaScript, CSS y HTML

Поделиться
HTML-код
  • Опубликовано: 24 окт 2024

Комментарии • 54

  • @conocimientointerior
    @conocimientointerior 2 года назад +1

    Saludos, excelente explicación. gracias por compartir sus conocimientos. bendiciones

  • @ricardomonteromonteroferna437
    @ricardomonteromonteroferna437 2 года назад +3

    buen video, muy basico pero con buena info que me sirvio para hacer algo mas complejo

  • @RCYM
    @RCYM 2 года назад +1

    Gracias te amo, estaba buscando esto desde hace mucho

  • @canalmusicalsecundario4973
    @canalmusicalsecundario4973 4 года назад

    Hola, Oscar, muy buena explicación sobre el punto que expones, veo que tienes facultades pedagógicas por medio de las cuales tus instrucciones llegan de manera sencilla, felicitaciones por tu exposición, y que Dios te siga bendiciendo, un abrazo

  • @yaky-p8k
    @yaky-p8k Месяц назад

    hola tienes algún ejercicio para cambiar fotos, ejemplo para hacer una lampara que prende y apaga pero con fotos?. saludos

  • @eld3nn1mxd22
    @eld3nn1mxd22 3 года назад +8

    llevo dias buscando esto, botones que modifican partes de la pagina sin necesidad de hacer refresh

  • @RafaelFlorez67
    @RafaelFlorez67 2 года назад +5

    Otra forma de hacer lo mismo:
    El que quiera probarlo, copie esto dentro del body:
    .caja{
    width: 100px;
    border: 1px solid #f00;
    margin: 20px;
    }
    .azul .caja{
    border: 1px solid #000;
    background: #00a;
    color: #fff;
    }

    Click
    Hola

  • @robertperez2538
    @robertperez2538 4 года назад

    Muchas gracias por este vídeo excelente pude lograr mi objetivo de mostrar en un swith activado, desactivado gracias a tu vídeo saludes..

  • @directo7518
    @directo7518 2 года назад

    Gracias por el video tengo una consulta si deseo inprimir eso en 1 imput para inprimir varios nros y que vaya actualizándose con cada toque de botón, eh probado con .reset() pero no me imprime y no me borra el que ya esta ...

  • @raulgarces2358
    @raulgarces2358 4 года назад +2

    hola muy buenas tardes, voy empezando y tengo un formulario que contiene el botton submit (crear perfil ) y dos botones de opciones
    para poder enviar el formulario debe seleccionar una de 2 opciones (solamente A o B ) y segun la opcion que se seleccione es la peticion que el boton submit pedira al servidor
    no se como hacer esa validacion, espero me pueda ayudar, de antemano muchas gracias

  • @elisiumcosmos7600
    @elisiumcosmos7600 2 года назад

    Una cosita....la imagen tomada de tu pc N. En el vídeo no sale clara....el código....muy bueno lección....el básico patrón es lo ke más enseña ..felicidades...

  • @eld3nn1mxd22
    @eld3nn1mxd22 3 года назад +6

    QUIERES EL CODIGO POR QUE TE DA PAJA COPIARLO LETRA POR LETRA?, dejo el codigo en los comentarios de este comentario :D

    • @eld3nn1mxd22
      @eld3nn1mxd22 3 года назад +1

      contador.js:
      var btn = document.getElementById('btn'),
      caja = document.getElementById('caja'),
      contador = 0;
      function cambio()
      { if(contador==0)
      {
      caja.classList.add('azul');
      contador= 1;
      }
      else{caja.classList.remove('azul');
      contador= 0; }
      }
      btn.addEventListener('click',cambio, true)

    • @eld3nn1mxd22
      @eld3nn1mxd22 3 года назад

      styles.css:
      .caja{
      border: red solid 2px;
      width: 100px;
      margin: 20px;
      }
      .caja.azul{
      border: black solid 2px ;
      background: blueviolet;
      color: white;
      }

    • @TecnoRohyller
      @TecnoRohyller 3 года назад +2

      @@eld3nn1mxd22 idolo

    • @eld3nn1mxd22
      @eld3nn1mxd22 3 года назад +1

      @@TecnoRohyller xd

  • @chino4637
    @chino4637 2 года назад

    Me sirvio de mucho hermano, gracias

  • @gamersofficiales5331
    @gamersofficiales5331 3 года назад

    Gracias buen tutorial bien. Explicado

  • @saturninopavonpinillos2176
    @saturninopavonpinillos2176 2 года назад

    Buenas tardes Oscar, he visto tu video, muy interesante, pero me gustaria saber como resolver esto cuan se trata de una tabla donde un de las columnas son botones y me interesa saber que botón he clickeado para elegir una opción.

  • @osqilucero_twitch
    @osqilucero_twitch Год назад

    Grande!!!!

  • @anoranzasimuladores
    @anoranzasimuladores 4 месяца назад

    Hola! Muy bueno, pero tengo un problema. Al darle click, él me reacciona y se cambia, pero solo por 1 segundo y luego se borra automaticamente. Alguien sabe por que?

  • @yaritzareyesfigaro8351
    @yaritzareyesfigaro8351 4 года назад

    hola. me gustaria hacer un boton de descarga el cual cuando den click envie a otra pagina a que por ejemplo le den like a una foto y cuando regrese esste hablitado el boton de descargar???

  • @jhonniermiller1960
    @jhonniermiller1960 3 года назад

    muchas gracias si me funciono

  • @ulisesperezmunoz3584
    @ulisesperezmunoz3584 2 года назад

    pero como se le hace para que cuando vuelva a apretarlo se ponga blanco de nuevo?? si necesidad de cargar??

  • @panes9180
    @panes9180 2 года назад

    oye oscar no por molestarte pero teni un mensaje en el whastapp, capas que te paso una emergencia y tu como pendejo haciendo un videito que me salvo un trabajo, de todos modos muchas gracias por su atencion saludos oscar.

  • @ticholopeluche
    @ticholopeluche 3 года назад +1

    Pregunta: cómo hago para que cuando pase un evento de mouse se active más de 1 función?

    • @LeninLinares007
      @LeninLinares007 2 года назад

      Recursividad, es decir, tenes 3 funciones, dentro de la primera Función manda a llamar a la 2da, y dentro de la 2da llamas a la 3ra función.... 🙃✨

    • @ticholopeluche
      @ticholopeluche 2 года назад

      @@LeninLinares007 Gracias, ya hace un año terminé el trabajo para la universidad que era para lo que lo precisaba pero más vale tarde que nunca, ahora lo sabré en otra ocasión si es que lo necesito

  • @95mechu
    @95mechu 4 года назад +1

    no me funciona, console me arroja este error "Uncaught TypeError: Cannot read property 'classList' of null"

  • @aquilesgonzalez9230
    @aquilesgonzalez9230 Год назад

    como lo puedo adaptar para que cambies en varios botones

  • @Josue-cc9lb
    @Josue-cc9lb 2 года назад

    Funciona si necesito añadir un Canva?

  • @santafeit
    @santafeit 2 года назад

    Buenas noches como hago cuando quiero cambiar el texto🤔?

  • @Toti_111
    @Toti_111 4 года назад

    Buen video hermano!

  • @gabrielucho9686
    @gabrielucho9686 Год назад

    Un video pero con la funcion replace() 🙏🙏🙏 y formulario prompt() 🙏

  • @katerineardilacaicedo4004
    @katerineardilacaicedo4004 2 года назад

    tengo una curiosidad y necesito que me saquen de duda ya que estoy aprendiendo el mundo del desarrollo de web, y me han enseñado que html , head y body se habre y se cierra y he notado que el body esta cerrado mas no veo el body abierto y esta funcionando bien. pense que eso afectaria ya que el body es la parte que muestra la pagina web, alguien me puede sacar de duda por favor y gracias.

    • @ellrosca8380
      @ellrosca8380 Год назад +1

      Talvez no revisaste bien tu pantalla

  • @lider3672
    @lider3672 2 года назад

    Yo quiero hacer que al poner un botón y hacer click me aparezca otro botón

  • @samirleon7346
    @samirleon7346 2 года назад

    Yo quisiera que el botón me cierre la página HTML que posee dicho botón

  • @RCYM
    @RCYM 2 года назад

    como se podria hacer con 3 colores?

  • @christiangrey3559
    @christiangrey3559 4 года назад

    Te amo

  • @hernandezguerrairvinisrael1785
    @hernandezguerrairvinisrael1785 4 года назад

    Me puedes pasar el código completo ?

  • @juliocesarchavezgutierrez3757
    @juliocesarchavezgutierrez3757 3 года назад

    no tienes idea de como me ayudo este video.
    ayuda para quien tenga mi mismo problema.
    var burst = document.getElementById('L'),
    contador=0;
    function blast() {
    if(contador==0)
    {
    contador=1;
    burst.classList.remove('hard');
    burst.classList.add('easy');
    }else {
    contador=0;
    burst.classList.remove('easy');
    burst.classList.add('hard');
    }}
    burst.addEventListener('click',blast);

    • @OscarLeuro
      @OscarLeuro  3 года назад

      Y con esto empiezas a amar a JavaScript. Enhorabuena Geek

  • @reolareola1759
    @reolareola1759 3 года назад

    No me funciona, además no veo donde se abre el body

    • @vicuwu7124
      @vicuwu7124 3 года назад

      este sería el código html
      prueba2


      .caja{
      border: #FF0000 solid 2px;
      width: 100px;
      margin: 20px;
      }
      .caja.azul{
      border: #000000 solid 2px;
      width: 200px;
      height: 200px;
      background:url("../biovirtual1.0/images/apagado.png") no-repeat;
      color: white;


      }






      hola

  • @waynermoncada2777
    @waynermoncada2777 Год назад

    Bro, se me quitaron las ganas de seguir viendo tu video al ver que agregas los estilos dentro del html...
    Eso no se hace...

  • @elvisfierro5727
    @elvisfierro5727 3 года назад

    Tengo una duda, cómo puedo hacer para que el boton o imagen reaccione a un click y dos clicks osea, que con un click haga una cosa y que con dos haga otra