Александр

for (const entry of data) {
    const row = table.insertRow(-1);

    row.insertCell(-1).textContent = entry.alpha2Code;
    row.insertCell(-1).innerHTML = `<img src="${entry.flag}" alt="" />`;
    row.insertCell(-1).textContent = entry.name;
    row.insertCell(-1).textContent = entry.capital ?? '-';
    row.insertCell(-1).textContent = entry.population;
}

HTMLTableElement / HTMLTableRowElement / HTMLTableCellElement

Можно конечно так попробовать, однако не проще ли изменить структуру таких файлов?

const count = 2;

export default await Promise.all(
    Array.from({ length: count }, async (_, index) => (await import(`./data${index + 1}.js`)).default)
);

const getSubstringAfter = (string, char, iterations) => {
	let pos = -1;
	for (let i = 0; i < iterations; i++) {
		pos = string.indexOf(char, pos + 1);
	}

	return string.slice(pos + 1);
};
getSubstringAfter(str, '-', 2);

или
str.split('-').slice(2).join('-');
или
str.replace(/([^-]+\-){2}/, '');
или
str.match(/(?:[^-]+\-){2}(.*)/)?.[1]

https://codesandbox.io/s/qna-q-1137116-i809oq?file...

Для начала можно так. Либо смотреть вёрстку окна и изменять логику иначе.

- modal.classList.add('modal_show')

const modalContent = modal.querySelector('.modal__content')
if ( (modal.classList.contains('modal_show')) && (e.target != modalContent) ) {
    modal.classList.remove('modal_show')
+ } else {
+     modal.classList.add('modal_show')
+ }

arr.filter(entry => entry.length >= 2 && entry.length <= 7)

let p = new Promise((res, rej) => {
    // Ждем 7сек; вызываем функцию res с аргументом 2
    setTimeout(res, 7000, 2);
})
    // Возвращаем новый промис; ждем 5сек; вызываем функцию res с аргументом 6 (2 + 4)
    .then((data) => new Promise((res) => setTimeout(res, 5000, data + 4)))
    .then((data) => console.log('data', data)); // 'data' 6

setTimeout(() => console.log(p), 10000); // Просто выведем промис

Вы так не можете сделать по очень простой причине - вы заменяете значение переменной, которое было ссылкой на объект, а не значение в ссылке.

const formatter = new Intl.DateTimeFormat('en-US', {
    timeZone: 'America/New_York',
    weekday: 'long',
    hour12: false,
    hour: 'numeric',
    minute: 'numeric'
});

const parts = formatter.formatToParts(new Date()).reduce((acc, entry) => ({
    ...acc,
    [entry.type]: entry.value
}), {});

console.log(parts); // {weekday: 'Thursday', literal: ':', hour: '12', minute: '19'}

Этот код написал для Node.js с использованием стандартного модуля crypto. Для запуска Вам потребуется установить среду исполнения Node.js, создать директорию для работы, в которую необходимо будет поместить Ваш файл и package.json (npm init -y). В приведённом Вами коде используются ES6-импорты (ESM-импорты), которые сразу не будут работать в Node.js, т.к. в нём используются CommonJS-импорты. Для решения данной проблемы у Вас есть два пути:
1. Добавить "type": "module"в package.json:

{
  ...
  "type": "module",
  ...
}

2. Изменить подключение модулей в исходных кодах:

- import * as crypto from 'crypto';
+ const crypto = require('crypto');

Вывод:

$ node .
cVoADkhcldK+mYC3Id5vhkxOr4NwVspTcgF56RiRG0CzcnOcBwcELKi1YnBNySmZugpjJNHuCU7ePjwVadqfAw==

Math.random().toString(36).slice(2)
или
Date.now()
или
crypto.randomUUID() (docs)
или

const digitValues = new Uint8Array(16);
crypto.getRandomValues(digitValues);
const randomHash = hexValues = [...digitValues]
	.map(value => value.toString(16).padStart(2, '0'))
	.join('');

mod1.js

export const sum = (a, b) => a + b;
export const diff = (a, b) => a - b;

mod2.js

export const multiply = (a, b) => a * b;
export const divide = (a, b) => a / b;

module.js

export * as Mod1 from './mod1.js';
export * as Mod2 from './mod2.js';

main.js

import * as M from './module.js';

console.log(M.Mod1.sum(1, 2)); // 3
console.log(M.Mod2.multiply(5, 3)); // 15

/**
 * @param {MouseEvent} event
 */
function onButtonDown(event) {
    alert(event);
}

Так случается потому, что неизвестно для чего Вы будете использовать функцию и вне addEventListener её контекст выполнения потерян, вот типизация и отсутствует.

const unwrap = (element) => {
    element.replaceWith(...element.children);
};

unwrap(document.querySelector('.div'));

<button>привет</button>

const button = document.querySelector('click', (event) => {
    event.preventDefault();
    button.textContent = 'пока';
}, { once: true });