New question

Question:

 
  0  
 
 
ROMINA GARRIDO Karma: 4 Chile
 
 Date: 02-10-2019 12:39:24 (In Spanish)

Convertir código jQuery a JavaScript[Resolved]

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');
  });
});
 Tags: Javascript - JQuery - Question - Source code Votes: 0 - Answers: 4 - Views: 11 Share on: Google Facebook Twitter LinkedIn Link
 

Answers:

  •  
      0  
     
     
    Ernesto Peimbert Karma: 5332 Mexico
     
    Date: 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.       Votes: 0 - Link answer
     
  •  
      1  
     
     
    Fernando Mosquera Karma: 10241 Argentina
     
    Date: 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 ;-)       Votes: 1 - Link answer
     
  •  
      0  
     
     
    ROMINA GARRIDO Karma: 4 Chile
     
    Date: 05-10-2019 05:53:24 Muchas gracias, me quedó claro como arreglarlo.   Votes: 0 - Link answer
     
  •  
      1  
     
     
    Edwin Marroquin Karma: 731 Colombia
     
    Date: 06-10-2019 09:52:28 http://youmightnotneedjquery.com/   Votes: 1 - Link answer
     
To actively participate in the community first must authenticate, enter the system.Sign In
 
frjcbbae garagebible.com