Сергей Соколов

const selectTrack = new Promise(resolve => {
  document.querySelectorAll('.chartsCard')
    .forEach(el => el.addEventListener('click', () => resolve(el.dataset.musicid)));
});

selectTrack.then(track => {
  // тут что-то сделать с выбранным треком
  console.log('выбранный трек', track);
});

1. рисовать прозрачный div прямо под меню поверх всего остального и слушать click на нём – так любой клик «мимо меню» будет отловлен этим div'ом
   
2. слушать клик на корневом document – событие «всплывает» наверх, и если никто его раньше отловит, дойдёт до document. Этот способ менее надёжный, т.к. мимо меню можно кликнуть на другом элементе, где клики ловят и дальше не отпускают.
   

let rafSeconds = 0;
const rafStart = Date.now();
const tick = () => {
  const seconds = (Date.now() - rafStart) / 1000 | 0;
  if (rafSeconds !== seconds) { // секунды изменились!
    rafSeconds = seconds;
    // TODO: отрисовать новые секунды
  }
  window.requestAnimationFrame(tick);
}

tick();

1. получите длину исходной строки
   
2. разделите на нужное кол-во строк с округлением в бОльшую сторону
   
3. вытаскивайте под-строки из исходной строки в цикле
   

const data = [{"id":1,"status":"CREATED"},{"id":2,"status":"CANCELED"}];

const RU_CREATED = 'СОЗДАНО';
const RU_CANCELED = 'ОТМЕНЕНО';

const translate = (data, lang) => data.forEach(item => {
  console.log(`id: ${item.id}, status: ${eval(lang + '_' + item.status)}`);
});

translate(data, 'RU');
// id: 1, status: СОЗДАНО
// id: 2, status: ОТМЕНЕНО

const dict = {
  RU: {
    CREATED: 'СОЗДАНО',
    CANCELED: 'ОТМЕНЕНО',
  },
  DE: {
    CREATED: 'ERSTELLT',
    CANCELED: 'ABGESAGT',
  },
};