Ответы пользователя по тегу JavaScript
  • Почему не работают скрипты в html?

    Ivanq
    @Ivanq
    Знаю php, js, html, css
    jQuery не подключен. Добавьте, например через
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    .
    Ответ написан
    Комментировать
  • Какая разница между .item.active и .item .active?

    Ivanq
    @Ivanq
    Знаю php, js, html, css
    1. .item.active - элемент с классами item и active (нужны оба)
    .item .active - элемент с классом active, у которого какой-то родитель, родитель родителя, родитель родителя родителя и т.д. с классом item.

    2. #ul - id="ul"
    .ul - class="ul"
    ul - <ul>
    Ответ написан
    Комментировать
  • Как обратиться к элементу функцию для которого создал?

    Ivanq
    @Ivanq
    Знаю php, js, html, css
    Способ 1:

    var array = [1, 2, 3, 4, 0];
    
    array.reduce(function(a, b) {
        return a + array[b];
    }, 0);


    Если имя неизвестно:

    var array = [1, 2, 3, 4, 0];
    
    array.reduce(function(a, b, index, array2) { // Как 4 аргумент
        return a + array2[b];
    }, 0);
    Ответ написан
    Комментировать
  • Как добавить в массив только уникальные элементы?

    Ivanq
    @Ivanq
    Знаю php, js, html, css
    let arr = [[1,23,23,21,1,23,41],[2,12,3,321,234,234,1,31,321,22,3],[12,32,53,1,3,12,3,2],[12,32,53,1,3,12,3,2]].reduce(function(a, b) {
      return a.concat(b);
    });
    
    var result = [];
    while(result.length < 6) {
      let sum = Math.floor(Math.random() * (arr.length - 0)) + 0;
      if(result.indexOf(arr[sum]) == -1) { // Проверяем
        result.push(arr[sum]);
      }
    }


    Для ускорения (небольшого) можно отдельно скопировать уникальный arr. То есть:

    let arr = [[1,23,23,21,1,23,41],[2,12,3,321,234,234,1,31,321,22,3],[12,32,53,1,3,12,3,2],[12,32,53,1,3,12,3,2]].reduce(function(a, b) {
      return a.concat(b);
    });
    
    let unique = arr.filter((val, i) => arr.indexOf(val) == i);
    
    var result = [];
    while(result.length < 6) {
      let sum = Math.floor(Math.random() * (unique.length - 0)) + 0;
      if(result.indexOf(unique[sum]) == -1) { // Проверяем
        result.push(unique[sum]);
      }
    }
    Ответ написан
    Комментировать
  • Почему объект то перемещается, то нет?

    Ivanq
    @Ivanq
    Знаю php, js, html, css
    var x = 0, y = 0;
    var player = document.getElementById('player');
    
    function addControls (forward, backward, left, right) {
        document.onkeypress = function (event) {
            if (event.key == forward) {
                y--;
                player.style.top = y + 'px';
            }
            else if (event.key == backward) {
                y++;
                player.style.top = y + 'px';
                console.log(event);
            }
            else if (event.key == left) {
                x--;
                player.style.left = x + 'px';
            }
            else if (event.key == right) {
                x++;
                player.style.left = x + 'px';
            }
        }
    }
    addControls('w', 's', 'a', 'd');


    Когда установлены и left, и right, движок теряется и не знает, что делать. Собственно, поэтому и не работает перемещение направо. Поэтому меняем только left и top.
    Ответ написан
    1 комментарий
  • Почему не работает код?

    Ivanq
    @Ivanq
    Знаю php, js, html, css
    1 код
    data: {'fioField':$('#fioField').val()}

    2 код
    data: {'currentId':$(this).val()}

    В 1 примере посылается значение под именем fioField, во втором - currentId.

    UPD

    TLDR

    var a = "name";
    
    {a: 1}; // ключ a
    {"a": 1}; // ключ a
    {[a]: 1}; // ключ name


    Дело в том, что синтаксис {name: value} - это создание свойства "name" со значением value. Кавычки опциональны, например, могут быть полезны, если имя содержит спецсимволы, которые без кавычек будут обрабатываться как управляющие конструкции (например, if, точка и т.д.)

    Для того, чтобы взять имя из переменной, используется синтаксис {[var]: value}.

    Если вкратце, то [var] не является строкой или чем-то, что можно записать без кавычек, поэтом [var] выполняется как выражение. [var] - определение массива с элементом var. Так как ключ объекта в JavaScript - всегда строка (да, у массивов на самом деле строковые индексы), [var] преобразуется в строку, а это то же самое, что и var.toString() (преобразовать в строку само значение).
    Ответ написан
  • Как в jquery media отслеживать ориентацию?

    Ivanq
    @Ivanq
    Знаю php, js, html, css
    Ну например

    $('.caption').click(function(){
    if(window.matchMedia('(max-width: 991px)').matches) {
    $(this).siblings('.info-descr').slideToggle();
    $(this).find('.right-arrow').toggleClass('rotate');
    }
    });
    Ответ написан
    1 комментарий
  • Шаблон, pattern?

    Ivanq
    @Ivanq
    Знаю php, js, html, css
    function checkPP() {
                        if (document.getElementById('pass').value != document.getElementById('conf').value) {
                            alert ("Пароль и Подтверждение пароля не совпадают!")
                        }
                        else {
                            document.forms['forma'].submit();
                        }
                    }

    ->
    function checkPP(e) {
                        if (document.getElementById('pass').value != document.getElementById('conf').value) {
                            alert ("Пароль и Подтверждение пароля не совпадают!")
                            e.preventDefault();
                        }
                    }


    onClick="checkPP()"
    ->
    onclick="checkPP(event)"
    Ответ написан
    Комментировать
  • Выполнение JS после загрузки всех ресурсов, есть ли событие?

    Ivanq
    @Ivanq
    Знаю php, js, html, css
    onload и ready() - как раз то, что вам нужно. А то, что alert вызывается до отрисовки - это баг Chrome, во всех остальных браузерах нормально, и проявляться баг будет только с alert.
    Ответ написан
    1 комментарий
  • Почему не работают выпадающие списоки?

    Ivanq
    @Ivanq
    Знаю php, js, html, css
    Ну естественно не работает. Поле style - это свойства, поставленные через style="" в HTML или .style.x = y в JS. Если свойство установлено через CSS-селектор, будет пустая строка.

    Исправленный пример: https://jsfiddle.net/Ivanq/jr3dccdq/1/
    Ответ написан
    Комментировать
  • Как собрать и разобрать строку?

    Ivanq
    @Ivanq
    Знаю php, js, html, css
    Ответ написан
    Комментировать
  • Как объединить несколько jQuery-объектов в один?

    Ivanq
    @Ivanq
    Знаю php, js, html, css
    $one.text() + $two.text() + $three.text()

    Функция text() достает содержимое тега.
    Ответ написан
  • Как подделать host?

    Ivanq
    @Ivanq
    Знаю php, js, html, css
    Вообще, если Вы используете XHR, это невозможно. Вроде-бы можно подменить заголовок referer, если использовать fetch, но не факт, что везде будет работать:
    fetch("http://example.com/page.html", {referrer: "http://example.com/page.html"});
    Ответ написан
    Комментировать
  • Чем отличается return res.json() от res.json()?

    Ivanq
    @Ivanq
    Знаю php, js, html, css
    Ну давайте смотреть, куда мы возвращаем. В passport.authenticate, так? А там что? - коллбек. А результат коллбека обрабатывается? - нет. Ну вот и ответ - вы возвращаете в пустоту.
    Ответ написан
    Комментировать
  • Как вывести данные из промиса внутри функции?

    Ivanq
    @Ivanq
    Знаю php, js, html, css
    function checkData () {
      //var data1
      return axios.get('https://news.ycombinator.com/item?id=15414760')
        .then((res) => {
          var $ = cheerio.load(res.data)
          //data1 = $('#hnmain > tbody > tr:nth-child(3) > td > table.comment-tree > tbody').html()
          return $('#hnmain > tbody > tr:nth-child(3) > td > table.comment-tree > tbody').html();
        });
    }
    
    checkData()
      .then((data1) => {
        console.log(data1);
      });


    1. Возврашаем data1 из промиса
    2. Возвращаем промис из checkData()
    3. Принимаем промис
    Ответ написан
    Комментировать
  • Как правильно в этой ситуации вызвать функцию из функции с учетом суммы?

    Ivanq
    @Ivanq
    Знаю php, js, html, css
    function cost(tax) {
      let amount = tax * 0.2;
      console.log(`сумма налогов: ${amount} рублей`);
    }
    
    // тупо
    cost(50) + cost(100) + cost(150);
    
    // неплохо
    let arr = [50, 100, 150];
    let sum = 0;
    let taxes = arr.forEach(item => sum += cost(item)); // в цикле по arr добавляем cost(item)
    
    // круто
    let sum = [50, 100, 150].reduce((sum, item) => sum + cost(item), 0);


    reduce накапливает значения. 0 - начальное значение (let sum = 0;). В функцию подается накопленное значение (sum) и элемент массива (item). Возвращается новое накопленное значение (sum += cost(item)).
    Ответ написан
    Комментировать
  • Как отправить все данные из LocalStorage по submit?

    Ivanq
    @Ivanq
    Знаю php, js, html, css
    Возможно, лучше отправлять не весь localStorage, а одно свойство. В конце концов, вы можете захотеть записать туда еще что-то, не связанное с визардом. Ну или JSON.stringify отправит лишнее.

    Лучше создавайте localStorage.myForm = {} и затем записываете все поля туда, а потом JSON.stringify(localStorage.myForm) ну или самому обрабатывать.
    Ответ написан
    2 комментария
  • Как сортировать числа в массиве?

    Ivanq
    @Ivanq
    Знаю php, js, html, css
    return a.sort((a, b) => a.c - b.c);

    Функции sort() на вход поступает оракул сравнения. Он выдает a < 0, если первое значение должно стоять раньше второго, a > 0, если наоборот, и a = 0, если значения равны. Оператор - работает именно так.

    Стоит заметить, что sort() изменяет входной массив:
    var a = [{b: 5,c: 6}, {b:2,c:4}, {b:3, c: 7}];
    a.sort((a, b) => a.c - b.c);
    // a == [{b:2,c:4},{b:5,c:6},{b:3,c:7}]
    Ответ написан
    Комментировать
  • Как обработать элементы массива регулярным выражением?

    Ivanq
    @Ivanq
    Знаю php, js, html, css
    You can't parse [X]HTML with regex. Because HTML can't be parsed by regex. Regex is not a tool that can be used to correctly parse HTML. As I have answered in HTML-and-regex questions here so many times before, the use of regex will not allow you to consume HTML. Regular expressions are a tool that is insufficiently sophisticated to understand the constructs employed by HTML. HTML is not a regular language and hence cannot be parsed by regular expressions. Regex queries are not equipped to break down HTML into its meaningful parts. so many times but it is not getting to me. Even enhanced irregular regular expressions as used by Perl are not up to the task of parsing HTML. You will never make me crack. HTML is a language of sufficient complexity that it cannot be parsed by regular expressions. Even Jon Skeet cannot parse HTML using regular expressions. Every time you attempt to parse HTML with regular expressions, the unholy child weeps the blood of virgins, and Russian hackers pwn your webapp. Parsing HTML with regex summons tainted souls into the realm of the living. HTML and regex go together like love, marriage, and ritual infanticide. The <center> cannot hold it is too late. The force of regex and HTML together in the same conceptual space will destroy your mind like so much watery putty. If you parse HTML with regex you are giving in to Them and their blasphemous ways which doom us all to inhuman toil for the One whose Name cannot be expressed in the Basic Multilingual Plane, he comes. HTML-plus-regexp will liquify the n​erves of the sentient whilst you observe, your psyche withering in the onslaught of horror. Rege̿̔̉x-based HTML parsers are the cancer that is killing StackOverflow it is too late it is too late we cannot be saved the trangession of a chi͡ld ensures regex will consume all living tissue (except for HTML which it cannot, as previously prophesied) dear lord help us how can anyone survive this scourge using regex to parse HTML has doomed humanity to an eternity of dread torture and security holes using regex as a tool to process HTML establishes a breach between this world and the dread realm of c͒ͪo͛ͫrrupt entities (like SGML entities, but more corrupt) a mere glimpse of the world of reg​ex parsers for HTML will ins​tantly transport a programmer's consciousness into a world of ceaseless screaming, he comes, the pestilent slithy regex-infection wil​l devour your HT​ML parser, application and existence for all time like Visual Basic only worse he comes he comes do not fi​ght he com̡e̶s, ̕h̵i​s un̨ho͞ly radiańcé destro҉ying all enli̍̈́̂̈́ghtenment, HTML tags lea͠ki̧n͘g fr̶ǫm ̡yo​͟ur eye͢s̸ ̛l̕ik͏e liq​uid pain, the song of re̸gular exp​ression parsing will exti​nguish the voices of mor​tal man from the sp​here I can see it can you see ̲͚̖͔̙î̩́t̲͎̩̱͔́̋̀ it is beautiful t​he final snuffing of the lie​s of Man ALL IS LOŚ͖̩͇̗̪̏̈́T ALL I​S LOST the pon̷y he comes he c̶̮omes he comes the ich​or permeates all MY FACE MY FACE ᵒh god no NO NOO̼O​O NΘ stop the an​*̶͑̾̾​̅ͫ͏̙̤g͇̫͛͆̾ͫ̑͆l͖͉̗̩̳̟̍ͫͥͨe̠̅s͎a̧͈͖r̽̾̈́͒͑e n​ot rè̑ͧ̌aͨl̘̝̙̃ͤ͂̾̆ ZA̡͊͠͝LGΌ ISͮ̂҉̯͈͕̹̘̱ TO͇̹̺ͅƝ̴ȳ̳ TH̘Ë͖́̉ ͠P̯͍̭O̚​N̐Y̡ H̸̡̪̯ͨ͊̽̅̾̎Ȩ̬̩̾͛ͪ̈́̀́͘ ̶̧̨̱̹̭̯ͧ̾ͬC̷̙̲̝͖ͭ̏ͥͮ͟Oͮ͏̮̪̝͍M̲̖͊̒ͪͩͬ̚̚͜Ȇ̴̟̟͙̞ͩ͌͝S̨̥̫͎̭ͯ̿̔̀ͅ
    Ответ написан
    Комментировать
  • Почему a++ + ++a работает не так?

    Ivanq
    @Ivanq
    Знаю php, js, html, css
    Как это работает в JS:
    a++ + ++a
    1. a++ == 1 (a == 2)
    2. ++a == 3 (a == 3)
    3. 1 + 3 == 4 (a == 3)


    Ваша ошибка здесь:
    затем прибавить к нему 2

    Затем прибавить к нему (a + 1 == 2) еще 1 (2 + 1 == 3) и прибавить к предыдущему результату (a++ == 1)

    Кстати, никогда не делайте так. Это значит НИКОГДА. Может, это не UB в JavaScript, но это UB в C++ и т. д.

    Может быть, не все браузеры работают именно так, как в примере. Да и когда переходишь на другой язык, часто продолжаешь использовать особенности старого.

    Например, в C++ + - не sequence point. Грубо говоря, это значит, что если перед и после точки следования меняется одна переменная, результат не определен. Например, это может быть 4, как в JS (идем слева направо), это может быть 5 (идем справа налево):
    a++ + ++a
    1. ++a == 2 (a == 2)
    2. a++ == 2 (a == 3)
    3. 2 + 3 == 5 (a == 3)

    ...это может быть 3:
    a++ + ++a
    1. a++ == 1 (a == 1)
    2. ++a == 2 (a == 1)
    3. 1 + 2 == 3 (a == 1)
    4. a++; ++a (a == 3)

    И так далее.
    Ответ написан
    Комментировать