20
Июл
2021

js увод мыши с любого из одинаковых классов

Казалось бы простой калькулятор, на jQuery написал бы пару строк и готово, но на js не выходит, а нужно именно на js.

Следующий код получает число и наименование валюты из каждого div`a.

После их надо сложить и получить сумму.

Все работает, кроме одного, нужно чтобы это срабатывало для любого из классов noUi-handle-lower.

Но работает только при наведении на первый класс.

var dotted = document.querySelector('.noUi-handle-lower');

dotted.addEventListener('mouseout', function(e) {
    
    let level_1 = document.querySelector('.num1').textContent;
    let level_2 = document.querySelector('.num2').textContent;
    let level_3 = document.querySelector('.num3').textContent;
    let level_4 = document.querySelector('.num4').textContent;

    level_1 = parseInt(level_1);
    level_2 = parseInt(level_2);
    level_3 = parseInt(level_3);
    level_4 = parseInt(level_4);

    let itog = level_1 + level_2 + level_3 + level_4;

    let sum = document.querySelector('.sum');
    sum.innerHTML = itog+' уе.';

}, false);

Как сделать чтобы работало при увода мыши с любого из классов noUi-handle-lower?

Источник: https://ru.stackoverflow.com/questions/1307220/js-%D1%83%D0%B2%D0%BE%D0%B4-%D0%BC%D1%8B%D1%88%D0%B8-%D1%81-%D0%BB%D1%8E%D0%B1%D0%BE%D0%B3%D0%BE-%D0%B8%D0%B7-%D0%BE%D0%B4%D0%B8%D0%BD%D0%B0%D0%BA%D0%BE%D0%B2%D1%8B%D1%85-%D0%BA%D0%BB%D0%B0%D1%81%D1%81%D0%BE%D0%B2

Тебе может это понравится...

Добавить комментарий