Javascript: Juego de preguntas v2 (2022)

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 เม.ย. 2022
  • Código fuente en Github
    github.com/Jeff-Aporta/main/t...
    Código fuente editor p5.js
    editor.p5js.org/Jeff-Aporta/s...
    Publicación
    jeff-aporta.github.io/main/Ju...
    //---------------------------------------
    WEB
    jeff-aporta.github.io/main/
    Jeff Aporta
    jeff-aporta.github.io/main/je...
    Librerías de Jeff Aporta
    jeff-aporta.github.io/main/li...
  • เกม

ความคิดเห็น • 73

  • @eduardocoba8542
    @eduardocoba8542 2 ปีที่แล้ว +1

    Te felicito y agradezco por difundir conocimiento en una plataforma gratuita. Gracias por tu ayuda, tu contenido es de 10 puntos... espero sigas creciendo el la plataforma.

    • @JeffAporta
      @JeffAporta  2 ปีที่แล้ว

      Muchas gracias por el apoyo

  • @carlitosviveros5230
    @carlitosviveros5230 2 ปีที่แล้ว

    La parte 2 del vídeo más icónico de todo TH-cam. Jajaja ya era hora, crack

    • @JeffAporta
      @JeffAporta  2 ปีที่แล้ว

      Muchas gracias Carlos

  • @elescritoriodejasso
    @elescritoriodejasso 2 ปีที่แล้ว +1

    Quedó muy muy bien!!!! excelente presentación!!!

  • @jaimefigueroa335
    @jaimefigueroa335 2 ปีที่แล้ว

    Excelente mejora del proyecto, gran despliegue de herramientas y ayudas, muchas gracias por mostrarnos las múltiples variantes ahora depende nuestra fantasía.

    • @JeffAporta
      @JeffAporta  2 ปีที่แล้ว

      Gracias por el apoyo Jaime

    • @cristhianalcaraz5748
      @cristhianalcaraz5748 9 หลายเดือนก่อน

      ​@@JeffAporta como lo puedo guardar sin que se me borre las preguntas y las imágenes

  • @edinssonleonardo
    @edinssonleonardo ปีที่แล้ว

    Muchas gracias por el video. Excelente contenido!

    • @JeffAporta
      @JeffAporta  หลายเดือนก่อน

      Es con mucho gusto

  • @Acuarios_Y_Tortugas_AG
    @Acuarios_Y_Tortugas_AG 2 ปีที่แล้ว

    gracias maestro por su atencion tan rapida y su calidad por enseñar, soy el chavo de hace un rato que me paso el link por mett, muchisimas gracias maestro
    seguiremos ayudando su canal gracias.

    • @JeffAporta
      @JeffAporta  2 ปีที่แล้ว

      Muchas gracias a ti, buen provecho con el código

  • @juanpigarcia5562
    @juanpigarcia5562 2 ปีที่แล้ว

    excelente ejercicio y bien explicado !, solo como recomendación, ir un poco mas lento. gracias!!!

  • @Aguilas333
    @Aguilas333 ปีที่แล้ว +1

    Gracias jeff

    • @JeffAporta
      @JeffAporta  9 หลายเดือนก่อน

      Es con mucho gusto

  • @SCOTT-jm7ig
    @SCOTT-jm7ig ปีที่แล้ว +2

    Amigo hola! De verdad que agradeciendo inmensamente tus videos! Quisiera realizarte una pregunta, ¿Sabes como puedo llevar cada una de las respuestas del usuario a una base de datos para luego visualizarlas en un excel por ejemplo?

    • @JeffAporta
      @JeffAporta  ปีที่แล้ว +1

      Claro que sí, pero entonces te toca hacerlo en backend con otro lenguaje como python o nodejs

    • @SCOTT-jm7ig
      @SCOTT-jm7ig ปีที่แล้ว +1

      @@JeffAporta Se puede también con PHP y MySQL? Digamos que te almacene el nombre de la persona y que te guarde que respondió el usuario en cada pregunta?

    • @JeffAporta
      @JeffAporta  ปีที่แล้ว +1

      @@SCOTT-jm7ig no soy de usar php, pero seguramente si se puede sin problema

  • @pabloramosvera8106
    @pabloramosvera8106 2 ปีที่แล้ว

    Excelente vídeo. Tú sabrías como insertar código html, javascript y una base de preguntas en Worpress? O cómo poder subir código personalizado a una página web?

    • @JeffAporta
      @JeffAporta  2 ปีที่แล้ว

      de wordpress no sé

  • @directoalcodigo4934
    @directoalcodigo4934 ปีที่แล้ว +1

    Hola Excelente video!!! Solo tengo una duda. en mi caso cada vez que eliges una respuestas no aparece una ventana emergente, sino que aparece un mensaje debajo de la imagen que coloque con innerHTMl... El problema es que durante el tiempo que se ve el mensaje puedo seguir tocando las opciones y hasta cambian de correcta a incorrecta... Como hago para que una vez que toque una opcion no pueda volver a elegir mientras que este en la misma pregunta... Espero me puedas ayudar. Gracias

    • @JeffAporta
      @JeffAporta  ปีที่แล้ว

      Escríbeme a wpp o telegram
      +573107257814
      Hacemos videollamada y te ayudo

  • @diegohurtado9527
    @diegohurtado9527 2 ปีที่แล้ว

    Excelente tutorial!!! una pregunta profe, es posible utilizar un servidor local como wamp 64, e interactuar con varios participantes a la vez, programar puntaje individual, etc...?

    • @JeffAporta
      @JeffAporta  2 ปีที่แล้ว

      No lo he experimentado, pero en node js con sockets si se puede hacer eso

  • @williamjosegarciabastidas4102
    @williamjosegarciabastidas4102 ปีที่แล้ว +1

    buen video amigo! pero una pregunta y si quiero colocar imágenes normales y no ecuaciones?

    • @JeffAporta
      @JeffAporta  หลายเดือนก่อน

      Te respondí en el otro comentario

  • @danielabaezacornejo9152
    @danielabaezacornejo9152 2 ปีที่แล้ว

    Excelente tutorial, muchas gracias! Pero sabes que al momento de poner la función para que reconozca el botón y cambie, me dice que no está definida la Swal :c tengo los 4 botones con la función (selectChoice en mi caso) y en la parte de colocar la Swal abajo de la función no me la reconoce :c no sé qué podría ser

    • @JeffAporta
      @JeffAporta  2 ปีที่แล้ว

      Escribeme que yo te ayudo
      t.me/jeffAporta

  • @deker8068
    @deker8068 2 ปีที่แล้ว

    hola buenas tardes, excelente video, una pregunta, de donde puedo sacar las librerias que usted muestra al inicio del video?

    • @JeffAporta
      @JeffAporta  2 ปีที่แล้ว

      en la descripción está el código, ahí puedes tomar el fragmento de código que requieres

  • @timtwo_293
    @timtwo_293 2 ปีที่แล้ว

    Puedo hacer que si se obtiene una cierta puntuación al final de un mensaje específico??? Y si es así como sería? Espero puedas ayudarme

    • @JeffAporta
      @JeffAporta  2 ปีที่แล้ว

      Claro que si se puede, sin problema
      t.me/jeffAporta
      escríbeme al Telegram yo te ayudo

  • @eriksanchez.3831
    @eriksanchez.3831 2 ปีที่แล้ว

    Exelente vídeo, ¿Se podrá colocar una pantalla de inicio,de cierre y un gif cada que la respuesta sea incorrecta?

    • @JeffAporta
      @JeffAporta  หลายเดือนก่อน

      Todo eso se puede, claro que si, tendré que hacer otro video con eso.

  • @xavierfernandez89
    @xavierfernandez89 2 ปีที่แล้ว +1

    Y si quiero cambiar el color de letra de las opciones como lo puedo hacer?

    • @JeffAporta
      @JeffAporta  2 ปีที่แล้ว

      en el index.css en la clase de .opcion agregas la propiedad color: "nombreDeTuColor"; y listo, pero no funcionaría para las imágenes LaTeX

  • @JoseMedina-ud1gw
    @JoseMedina-ud1gw ปีที่แล้ว +1

    Como puedo ir guardando los puntajes y el nombre del jugador para luego mostarlos en una tabla de puntuaciones. Ayuda por favor

    • @JeffAporta
      @JeffAporta  หลายเดือนก่อน

      Tienes que usar funciones de persistencia de memoria del navegador
      LocalStorage o SesionStorage

  • @ailenalmiron8973
    @ailenalmiron8973 ปีที่แล้ว +1

    Holaa! tengo un problema, necesito saber como hacer que cada vez que elija la opción de pista se resten puntos

    • @JeffAporta
      @JeffAporta  หลายเดือนก่อน

      Eso es un mecanismo diferente, tendría que incluirlo en la versión 3 del proyecto, lo tendré en cuenta.

  • @Itzjean21
    @Itzjean21 ปีที่แล้ว +1

    Bro cuando lo hago me sale en el encabezado [object object]

    • @JeffAporta
      @JeffAporta  หลายเดือนก่อน

      Jajaja seguro pasaste el objeto completo en vez de la posición.

  • @Andrea-hh4hu
    @Andrea-hh4hu ปีที่แล้ว +1

    Hola, Como se podrían poner las preguntas en un orden random utilizando este código?

    • @JeffAporta
      @JeffAporta  ปีที่แล้ว

      Escríbeme a wpp o telegram y te ayudo
      +573107257814

  • @waltherfernando
    @waltherfernando ปีที่แล้ว +2

    Ola maestro como hago con una banco de 200 preguntas y 200 respuestas con opciones aleatorias?

    • @JeffAporta
      @JeffAporta  หลายเดือนก่อน

      Puedes usar gsheet y enlazarlo, esa deja desde el client-side

  • @andresjosephpachecocarlos1297
    @andresjosephpachecocarlos1297 ปีที่แล้ว +1

    como haces para terminar el juego y es que me gustaria que surgiera un boton que en vez de ok volivera a una url definida

    • @JeffAporta
      @JeffAporta  หลายเดือนก่อน

      Puedes usar el evento willClose se Swal

  • @MyJefferey
    @MyJefferey 2 ปีที่แล้ว

    Primer like, primer comentario.

    • @JeffAporta
      @JeffAporta  2 ปีที่แล้ว

      Gracias por el apoyo

  • @xdjair5650
    @xdjair5650 ปีที่แล้ว +1

    Tengo una pregunta si quiero poner imágenes y no ecuaciones que puedo hacer

    • @JeffAporta
      @JeffAporta  หลายเดือนก่อน

      En vez de hacer uso de la cdn de codecogs, haces referencia al link de tu imágen, puede ser local en una carpeta

  • @chepi5779
    @chepi5779 10 หลายเดือนก่อน +1

    Cómo le hago para ahregar más preguntas?

    • @JeffAporta
      @JeffAporta  10 หลายเดือนก่อน

      Debes modificar el .json

  • @axelcruz1291
    @axelcruz1291 ปีที่แล้ว +1

    Hola tengo una duda podrias ayudarme porfavor para poner tiempo para que respondan?

    • @JeffAporta
      @JeffAporta  ปีที่แล้ว

      He abandonado el canal hasta que TH-cam me dé la monetización.

  • @anderbar7
    @anderbar7 2 ปีที่แล้ว +1

    base de preguntas.js y index.js pueden ir en un mismo documento.

    • @JeffAporta
      @JeffAporta  2 ปีที่แล้ว

      De hecho, si se puede, también todo el código puede ir encapsulado en el html, pero se separa en diferentes archivos solo por orden

    • @anderbar7
      @anderbar7 2 ปีที่แล้ว +1

      @@JeffAporta estoy tratando de hacer una trivia de una sola pregunta y 4 opciones de respuestas pero aplicó el código JS que tenes para esa sola opción pero no me sale.

    • @JeffAporta
      @JeffAporta  2 ปีที่แล้ว

      @@anderbar7 no entiendo qué es lo que planteas

    • @anderbar7
      @anderbar7 2 ปีที่แล้ว

      @@JeffAporta lograr el resultado del min 31:30 con document.getElementById

  • @dilanesnehidermartinezsilv998
    @dilanesnehidermartinezsilv998 ปีที่แล้ว

    ¿Como creo el html personalizado? soy principiante

    • @JeffAporta
      @JeffAporta  ปีที่แล้ว

      a qué te refieres con personalizado?

    • @dilanesnehidermartinezsilv998
      @dilanesnehidermartinezsilv998 ปีที่แล้ว

      En el minuto 1:14 tienes un header y un body ya establecido, quisiera saber como se establece un html personalizado así como lo tienes en el VSCode

    • @JeffAporta
      @JeffAporta  ปีที่แล้ว +1

      Claro, eso se llaman snipets de vscode, si buscas como crear snipets para html en vscode te van a salir varios tutoriales donde te enseñan a crearlos

  • @florlilianahernandezsaldiv9848
    @florlilianahernandezsaldiv9848 2 หลายเดือนก่อน +1

    Prefiero ver solamente el código y de fondo su voz

    • @JeffAporta
      @JeffAporta  2 หลายเดือนก่อน

      Por feo? jaja

    • @florlilianahernandezsaldiv9848
      @florlilianahernandezsaldiv9848 2 หลายเดือนก่อน

      @@JeffAporta principalmente porque hay partes del video donde no se ve el código por el video de su persona 🥲

  • @yachiru9409
    @yachiru9409 2 ปีที่แล้ว

    soy novato y la verdad no entiendo muy bien ya que eres muy desordenado y aparte usas boostrap,

    • @JeffAporta
      @JeffAporta  2 ปีที่แล้ว

      Gracias por el comentario, no es como tal "desorden" cada quien tiene un estilo diferente de programar y Bootstrap lo usé solo para crear el estilo gráfico del botón de ayuda no más.