Ответы пользователя по тегу JavaScript
  • Как при помощи ползунка jquery slider#range скрыть блоки?

    liqrizz
    @liqrizz
    лол
    это просто макет или действующий ИМ? Если действующи отправляете ajax запрос на сервер значения цены с текушего положения ползунка. Сервер делает sql запрос используя данные клиента (цена мин макс) и должен возврарить json. далее в метод success обрабатывате json через each. Если тупа макет то через собитие draggable нужно как то обработать я хз
    Ответ написан
    Комментировать
  • Кнопка - переключатель на jQuery?

    liqrizz
    @liqrizz
    лол
    https://codepen.io/Liqrizz/pen/EzKryL
    если хочешь помогу интересных анимации допилить
    Ответ написан
    Комментировать
  • Почему не работает скрипт?

    liqrizz
    @liqrizz
    лол
    чеза гибрид jQuery и натива?
    $( document ).ready(function() {
        function minus(){
          if($(".input-quantity").value() <= 1) {
            return false;
          }
          $(".input-quantity").value()--;
        }
    
       function plus(){
         $(".input-quantity").value() ++;
       }
    
       $("#minus").click(function(){
         minus();
       });
       $("#plus").click(function(){
         plus();
       });
    });
    Ответ написан
    Комментировать
  • Что можно такого сделать для опыта именно на js для веба?

    liqrizz
    @liqrizz
    лол
    Побробуй сделать голосовой ассистент на API WebkitSpeechRecognition и speechSynthesis

    https://www.google.com/amp/s/tproger.ru/articles/s...

    Вот что у меня получилось: https://codepen.io/Liqrizz/pen/zXaxqo

    Или классика напиши калькулятор. Порисуй на canvas.
    Попробуй отправить форму и получить ответ от сервера без перезагрузки страницы.

    Сделай смену темы сайта в реальном времени по клику или по ещё какому нибудь событию

    Поробуй сделать перелив градиента на js
    Ответ написан
    Комментировать
  • Что можно сделать чтобы сократить код?

    liqrizz
    @liqrizz Автор вопроса
    лол
    var modde = "", i, marr = ["калькулятор", "дизайн", "попугай", "наоборот", "кто такой"], fform = " квадрат", mat;
    function invert(strpast){
      var newarr = [];
       for(var t = 0; t<strpast.length; t++){
         newarr[t]=strpast[strpast.length - t];
       }
      return newarr.join("");
    }
    function cheker(mysting){
      for(i = 0; i<marr.length; i++){
        if(marr[i]==mysting){
          modde=mysting;
          speechSynthesis.speak(new SpeechSynthesisUtterance('Выбран режим: ' +modde));
          break;
        }
      }
      if(modde==""){
        if(mysting=="Что ты умеешь"){
          speechSynthesis.speak(new SpeechSynthesisUtterance('Я примитивный голосовой ассистент. У меня есть 5 режима. Первый, калькулятор. Скажите калькулятор чтобы установить этот режим. Теперь можете довать команды на счет, например 2+2, 1200 + 12 - 45, или 100/5. Пока умножать я не умею. Второй режим, дизайн. В этом режиме я создаю красный квадрат. Чтобы дать команду просто скажите красный квадрат, далее дайте команду скруглить, чтобы я скрунлила квадрат. Третий режим, попугай. Я просто буду повторять то что вы скажите. Четвертый режим, наборот. Это тоже самое что и режим попугай, но я буду все повторять наборот. И пятый режим, кто такой. Самый безполезный режим, потому что я никого незнаю. Хотя если честно у меня вообще нет полезных команд. Чтобы выйтти из режима скажите команду сбросить'));
        }else if(mysting=="сбросить"){
          speechSynthesis.speak(new SpeechSynthesisUtterance('для меня для меня для меня для меня для меня для меня для меня для меня для меня для меня для меня для меня для меня для меня. Шутка. На реке сдохла утка. У тебя что есть свободная минутка. Я узбек, купи куртка. Хочешь песьню спою? Если нет, то пидора ответ. Кароче, Йоу собаки я  Наруто Узумаки. Да и кстати я будущий Хокаге. У меня всё круто, я же всё-таки Наруто. Ненавижу Орочимару и Кабуто. Знаю много джутсу, ненавижу бутсы. Лучше клонов расенгана не найдутся. У меня фанаты плюс я люблю Хинату. Немало друзей и однокомнатная хата. Йоу всё классно, меня зовут Саске. Ненавижу Итачи брата из Акацуки. Фанаток моих море, слёзы боль и горе. Я люблю одно — использовать Чидори. Когда сижу на хате изучаю все печати мне пофиг на коноху и на генинов кстати. Я с Орочимару, теперь я ниндзя Звука. Недавно Наруто нападал, понял, сука?. Я Сакура Харуно, не груди а хоромы. Но могу долбануть, доведя до комы. Дзютсу изучаю, Саске обожаю, ино опускаю, славно обучаюсь. Меня зовут Цунаде, я Пятый Хокаге, озорной медик и ещё мастер драки. А я — Джирайя, всегда отдыхаю. Супер-Саннин, лягушек уважаю'));
        }else{
          speechSynthesis.speak(new SpeechSynthesisUtterance('Чё ты там сказал???'));
        }
           
       }
    }
    function reset(mysting){
      if(mysting =="сбросить"){
        modde ="";
        speechSynthesis.speak(new SpeechSynthesisUtterance('Режим сброшен'));
      }
    }
    function design(mysting){
      reset(mysting);
      if(modde!=""){
        if(mysting ==("Красный" + fform) || mysting ==("красный" + fform)){
          $(".fig").css({"background":"red", "transform":"scale(1)"});
        speechSynthesis.speak(new SpeechSynthesisUtterance("появился новый" + fform + "красного цвета"));
        }else if(mysting ==("зелёный" + fform)){
          $(".fig").css("background", "green");
        speechSynthesis.speak(new SpeechSynthesisUtterance(fform + "покрашен на зелёный цвет"));
        }else if(mysting =="скруглить"){
          $(".fig").css("border-radius", "100%");
          fform = " Круг";
          speechSynthesis.speak(new SpeechSynthesisUtterance("Квадрат был скруглен"));
        }else{
          speechSynthesis.speak(new SpeechSynthesisUtterance("Не удалось распознать команду"));
          alert(result[0].transcript);
        }
      }
    }
    function calculate(mysting){
      reset(mysting);
      if(modde!=""){
        var calc = mysting;
        var lol = eval(calc);
        mat = lol;
        speechSynthesis.speak(new SpeechSynthesisUtterance('кароче пацан это будет ' + lol + ", ха, я шарю"));  
      }
    }
    function who(mysting){
      reset(mysting);
      if(modde!=""){
        speechSynthesis.speak(new SpeechSynthesisUtterance('да пашел ты нахер я тебе чё гугл что ли? я незнаю '+mysting));
      }
      
    }
    function revers(mysting){
      reset(mysting);
      if(modde!=""){
        var lol = "Это будет наоборот " + invert(mysting);
        speechSynthesis.speak(new SpeechSynthesisUtterance(lol));
      }
      
    }
    function popugai(mysting){
      reset(mysting);
      if(modde!=""){
          var pov = "вы сказали" + mysting;
          speechSynthesis.speak(new SpeechSynthesisUtterance(pov));    
         }
     
    }
    var recognizer = new webkitSpeechRecognition();
    recognizer.interimResults = true;
    recognizer.lang = 'ru-Ru';
    recognizer.onresult = function (event) {
      var result = event.results[event.resultIndex];
      if (result.isFinal) {
        switch (modde) {
          case "":
            cheker(result[0].transcript);
            break;
          case "попугай":
            popugai(result[0].transcript);
            break;
          case "наоборот":
            revers(result[0].transcript);
            break;
          case "кто такой":
            who(result[0].transcript);
            break;
          case "калькулятор":
            calculate(result[0].transcript);
            break;
          case "дизайн":
            design(result[0].transcript);
            break;
          default:
            alert( 'Что то пошло не так' );
        }
         $("#start").text("Нажмите на кнопку");
      }else {
        console.log('Промежуточный результат: ', result[0].transcript);
      }
    };
    $("#listen").click(function(){
       $("#start").text("слушаю....");
      recognizer.start();
      console.log(recognizer);
    });
    Ответ написан
    Комментировать
  • Как отправить форму без перезагрузки страницы?

    liqrizz
    @liqrizz
    лол
    Без ajax хз
    Ответ написан
    Комментировать
  • Почему не работает кнопка?

    liqrizz
    @liqrizz
    лол
    Нужна обёртка для jQuery
    $(document).ready(function() {
              //ваш код
            });
    Ответ написан
    Комментировать
  • Как вывести на экран первые 2 цифры полученного числа?

    liqrizz
    @liqrizz
    лол
    Можно преоброзавть в массив со split. Потом в другой массив записать arr[0] и arr[1] и потом все это за join нить и вывести кек
    Ответ написан
    Комментировать
  • Разные hover эффекты в один блок?

    liqrizz
    @liqrizz
    лол
    <div class="parent" style="transition: 1s">
       <button class="child">Кнопка</button>
    </div>

    $(".child").hover(function(){
     $(".child").parent().css("background", "red");
    }, function(){
      $(".child").parent().css("background", "transparent");
    });


    Это ховер который применяется на родителя
    Ответ написан
    1 комментарий
  • Как реализовать анимацию-выцветание div при помощи opacity?

    liqrizz
    @liqrizz
    лол
    Анимация при навидения, скролла, клика, или в области видимости какое тебе нужно?
    Ответ написан
  • Как инкрементировать переменную внутри функции индивидуально для каждого массива?

    liqrizz
    @liqrizz Автор вопроса
    лол
    ответ никак не парьтесь сама конструкция не позволяет такое сделать, как можно посчитать выполнена ли функция отдельности от другой функций? никак, а инкрементировать придется за придела функций а это значит значения для всего счетчика будет одинаково
    Ответ написан
  • Как оптимизировать или сократить код который повторяется?

    liqrizz
    @liqrizz Автор вопроса
    лол
    Вроде решил как сократить
    $(document).ready(function(){
    	var nav, sect, proj, button, inbut, figur, navspan;	
    function addclasss() {
      	$('.navigation').addClass(nav);
    	$('.sect-one').addClass(sect);
    	$('.project-title').addClass(proj);
    	$('.button').addClass(button);
    	$('.in-button').addClass(inbut);
    	$('.figure').addClass(figur);
    }
    function removeclasss() {
      	$('.navspan').removeClass(navspan);
    	$('.navigation').removeClass(nav);
    	$('.sect-one').removeClass(sect);
    	$('.project-title').removeClass(proj);
    	$('.button').removeClass(button);
    	$('.in-button').removeClass(inbut);
    	$('.figure').removeClass(figur);
    }
    	$('#evil').click(function () {
    		removeclasss();
    		nav  = 'evil-navigation'; sect = 'evil-sect-one'; proj = 'evil-project-title'; button = 'evil_button'; inbut = 'evil-in-button'; figur = 'evil_figure';
    		addclasss();
    		
    	});
    	$('#hacker').click(function () {
    		removeclasss();
    		nav  = 'hacker-navigation'; sect = 'hacker-sect-one'; proj = 'hacker-project-title'; button = 'hacker_button'; inbut = 'hacker-in-button'; figur = 'hacker_figure', navspan='hacker-navspan';
    		addclasss();
    	});
    	$('#basic').click(function () {
    		removeclasss();
    	});
    });
    Ответ написан
    Комментировать