Александр

• .map
  
• parseInt
  

if (event.target.closest(".modal") !== null) return;

You might not need jQuery

Можете использовать делегирование событий.

img.srcset.split(',').map(src => src.trim().split(' ').shift())

sudo

Потому что все скрипты выполняются в глобальной области видимости - window. Хотите ограничить область видимости каждого скрипта, тогда либо IIFE, либо паттерн "модуль" (что по сути тоже IIFE).

this.records.map(entry => entry.id === this.recordId
    ? data
    : entry
);

Пока никак в CSS, но возможно, в скором будущем будет похожее поведение.

https://codesandbox.io/s/qna-q-1067898-pwvyy

function addColor(event) {
   event.currentTarget.classList.toggle('color');
}

Date.toString()

Styling Form Controls Using Pseudo Classes