Задать вопрос
  • Почему на клиенте при входе через Chrome не работает https://animate.css/?

    @nike4192
    Все работает (Chrome 74, Firefox 66) на Windows 10
    Здесь можно узнать про CSS анимации - https://html5book.ru/css3-animation/,
    посоветую читать такие сайты как:
    - https://learn.javascript.ru
    - https://developer.mozilla.org/ru/
    потому что animate.css - это просто стили (в которых прописаны анимации) и немного js
    function testAnim(x) {
        $('#animationSandbox').removeClass().addClass(x + ' animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
          $(this).removeClass();
        });
      };
    
      $(document).ready(function(){
        $('.js--triggerAnimation').click(function(e){
          e.preventDefault();
          var anim = $('.js--animations').val();
          testAnim(anim);
        });
    
        $('.js--animations').change(function(){
          var anim = $(this).val();
          testAnim(anim);
        });
      });
    Ответ написан
    Комментировать
  • Как производить расчёты в процентах?

    @nike4192
    var arr = [];
    var result = [];
    for(var i=0;i<mass.length;i++){
      if(mass[i] >= 200 && mass[i] <= 300){
         arr.push(mass[i] + "$");
         result.push(mass[i] * 0.49 + "$") ; //49 %
      }
    }
    text.innerHTML = arr.join(" ");
    sk.innerHTML = elt.join(" ");

    функцию map лучше не вызывать в цикле - это создание нового массива (то есть цикл в цикле получается)
    join - "склейка" массива в скобках указываешь строку, которая будет между элементами (в результате строка)
    Ответ написан
    Комментировать