FabiBoom

Что же неверного в округлении числа 24.5545 до сотых? Должно получится 24.55. Следующая цифра же 4.

Во первых, как сказал smigles, интерактивное содержимое нельзя вставлять друг в друга (ссылку в кнопку, текстовое поле в ссылку, ибо не понятно, что делать когда пользователь будет пытаться взаимодействовать с таким содержимым).
Во вторых, у вас обработчик клика на кнопку изменяет innerHTML кнопки добавляя внутрь кнопки текстовое поле. И вот вы кликаете по текстовому полю (срабатывает событие на клика на input, а потом происходит всплытие события click (гуглите, если не знаете).
Вот:

input_holder.addEventListener('click',(event)=>{
   input_holder.innerHTML = `<input type="text" id="inp_m">`;
});

Родительским элементом текстового поля является кнопка, а значит и на ней запускается опять тот же обработчик клика, что и раньше и опять же меняет содержимое внутри кнопки, добавляя туда текстовое поле предварительно удалив предыдущее и конечно же тогда фокус с текстового поля пропадет (ибо, повторюсь, это текстовое поле удалили и заменили на новое). Тут в вашем случае или условием проверять, или отменять всплытие события, или удалять обработчик после срабатывания.

Неправильно построена логика. Наверное, сперва нужно проверить открыт ли попап вообще и потом класс нужно убирать.

window.addEventListener("keydown", function(e) {
 if (e.keyCode == 27 && popup.classList.contains('popup_active')) {
  popup.classList.remove('popup_active');
 }
}, true);

this.style.background = '';

До тех пор пока картинка не загружена о ее размерах не известно. В первом случае браузеру вы явно сообщаете о ширине и поэтому она доступна. Попробуйте так:

second.addEventListener('load', () => {
       console.log(second.clientWidth);
 });

const filteredArr = arr.filter(elem => Array.isArray(elem) && elem.length);

Сдесь он нужен, чтобы определить в каком контексте вызван handler:

let handler = {
    apply: function (target, thisArg, args) {
        console.log(`this=${thisArg}`); // obj
        console.log(thisArg === obj); // true
        console.log(this); // Proxy
    }
};

let obj = {
  p: new Proxy(target, handler)
};

obj.p(1, 2);

apply parameters

Лучше даты сразу преобразовать перед сортировкой

const gulp = require('gulp');

function compress() {
    // compress task
}

function watch() {
    gulp.watch('src/img/*', compress);
}

function css() {
    return gulp
        .src('src/scss/*.scss')
        .pipe(plumber())
        .pipe(sourcemaps.init())
        .pipe(sass())
        .on('error', sass.logError)
        .pipe(cleanCSS())
        .pipe(
            autoprefixer({
                browsers: ['last 2 versions'],
                cascade: false
            })
        )
        .pipe(sourcemaps.write())
        .pipe(gulp.dest('dist/css'))
        .pipe(browserSync.stream());
}

module.exports.default = gulp.series(watch); // ну если один таск можно и просто `watch`.
module.exports.watch = watch;
module.exports.css = css;

window.addEventListener('wheel', function(evt) {
        if(evt.deltaY < 0 && window.scrollY === 0) {
           // поймали
       }
   });

let selectPlatforms = document.querySelector('#select-platforms');
let inputsContainer = document.querySelector('#inputs');

selectPlatforms.addEventListener('change', renderInputs);

function renderInputs() {
    inputsContainer.innerHTML = '';

    for(let i = 0; i < selectPlatforms.options.length; i++) {
        let option = selectPlatforms.options[i];
        if(option.selected) {
            inputsContainer.insertAdjacentHTML('beforeend', createInput(option.text, option.value));
        }
    }
}

function createInput(text, name) {
    return `<div class="classX">${text} <input type="text" value="" name="<b>${name}</b>"></div>`;
}

renderInputs();

Вот только я не проверял )

Можно же просто запустить в консоли и проверить, что такое делать нельзя, и, если упрощенно объяснять, то:
1) сперва у нас создается именно обьект (то что между { ... });
2) если в свойстве указанно какое-то выражение (типо a+b, или obj.property) , то оно вычисляется и результат этого выражения становиться значениям этого свойства;
3) допустим у нас есть что-то типо такого -

let o = {
  x : 2,
  y : o.x,
}

Свойство x получает значение 2 и доходим до свойства y - видим там получения свойства x объекта o, но у нас еще нет переменной с именем o, что значит мы не просто не можем получить свойство объекта, а мы не нашли сам объект и в итоге получаем ReferenceError.
4) Если у нас не было никаких ошибок и объект успешно создан и размещен в памяти, только тогда создается в нужной области видимости переменная, которой присваивается ссылка на наш объект и только тогда мы можем ссылаться на него за заданным именем.

https://codepen.io/anon/pen/gZOWOb

https://jsfiddle.net/mo2q3k0b/30/ - вот пример

Кому нужно больше - жмяк

https://jsfiddle.net/aq7994ho/1/ поиграться с opacity и transition-delay ну или анимацию создать