Nueva pregunta

Pregunta:

 
  0  
 
 
ROMINA GARRIDO Karma: 4 Chile
 
 Fecha: 02-10-2019 12:39:24 (En Español)

Convertir código jQuery a JavaScript[Resuelta]

Hola amigos!
estoy aprendiendo javascript y ustedes me han sido de mucha utilidad.
queria ver si pueden ayudarme a transformar este codigo a javascript.

de antemano muchas gracias

jQuery('.tombola').find('.panel[style*="-150x150"]').each(function(){
  jQuery(this).attr('style',jQuery(this).attr('style').replace('-150x150',''));
});

jQuery('#spin').on('click', function(){
  var rotation = [1440,1485,1530,1575,1620,1665,1710,1755];
  var selection = ['p2037','p2030','p2031','p2032','p2033','p2034','p2035','p2036'];
  var pick = Math.floor(Math.random()*8);
  var spin = rotation[pick]+2880;
  var slct = selection[pick];
  $('.tombola').css({'transform':'rotateX('+spin+'deg) translateZ(-480px)'});
  $('#spin').removeClass('sbord');
  $('.'+slct).removeClass('bord');
  $('.tombola').one('transitionend', function(e) {
    $('#spin').text($('.'+slct).text());
    $('.'+slct).addClass('bord');
    $('#spin').addClass('sbord');
  });
});
 Etiquetas: Código fuente - Javascript - JQuery - Pregunta Votos: 0 - Respuestas: 4 - Vistas: 11 Compartir en: Google Facebook Twitter LinkedIn Link
 

Respuestas:

  •  
      0  
     
     
    Ernesto Peimbert Karma: 5335 México
     
    Fecha: 03-10-2019 06:07:47 Hola Romina,
    JQuery es una librería que está escrita en Javascript. No hay nada que transformar a Javascript porque ya es Javascript.       Votos: 0 - Link respuesta
     
  •  
      1  
     
     
    Fernando Mosquera Karma: 10241 Argentina
     
    Fecha: 05-10-2019 03:53:32 Hola Romina, estas necesitando recodificar el código escrito con ayuda de jQuery a JavaScript puro? (o sea, sin jQuery?), a esto se lo conoce como "Vanilla JavaScript".

    Si ese es el caso, observa que tienes varios puntos a ver:
    * Seleccionar elementos por id y nombre de clase: getElementById() y getElementsByClassName()
    * Trabajar con los atributos de los elementos para agregar y/o remover clases: getAttribute() y setAttribute()
    * Trabajar con las propiedades elemento.innerHTML y elemento.style
    * Hacer el registro del evento click y transitionend con element.addEventListener
    * Codificar tu bucle for para remplazar el each

    Espero que este punteo te sea de ayuda.

    Saludos y buen código!

    PD: luego nos cuentas como vas avanzando ;-)       Votos: 1 - Link respuesta
     
  •  
      0  
     
     
    ROMINA GARRIDO Karma: 4 Chile
     
    Fecha: 05-10-2019 05:53:24 Muchas gracias, me quedó claro como arreglarlo.   Votos: 0 - Link respuesta
     
  •  
      1  
     
     
    Edwin Marroquin Karma: 731 Colombia
     
    Fecha: 06-10-2019 09:52:28 http://youmightnotneedjquery.com/   Votos: 1 - Link respuesta
     
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
 
frjcbbae garagebible.com