Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
  • Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
  • Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
  • Opera: Нажмите Ctrl+F5.
document.querySelector('.event-container').addEventListener('wheel', function(e) {
    if (e.deltaY > 0) {
        this.scrollLeft += 100;
    } else {
        this.scrollLeft -= 100;
    }
    e.preventDefault();
}, { passive: false });


document.addEventListener("DOMContentLoaded", function() {
    // Функция для расчета часов
    function calculateHours() {
        var table = document.getElementById("interactiveTable");
        for (var i = 1, row; row = table.rows[i]; i++) {
            var percent = parseFloat(row.cells[1].innerText);
            var userPercent = parseFloat(row.cells[2].children[0].value);
            var hours = (((100 - userPercent) / percent) / 60).toFixed(2);
            row.cells[3].innerText = hours;
        }
    }

    // Добавление события изменения для каждого поля ввода
    var inputs = document.querySelectorAll("#interactiveTable input");
    inputs.forEach(function(input) {
        input.addEventListener('change', calculateHours);
    });
});