Вызов JavaScript функции после загрузки динамического HTML

let script = document.createElement('script');
script.onload = function() {
    // Сейчас время действовать: вызываем вашу функцию
    yourAwesomeFunction();
};
script.src = 'path_to_your_script.js'; // Проверьте корректность пути к скрипту
document.head.appendChild(script);

let script = document.createElement('script');
script.type = 'text/javascript';

// Более старые версии IE предпочитают классику, а не новомодные штуки
script.onreadystatechange = function() {
    if (this.readyState === 'complete' || this.readyState === 'loaded') {
        callback();
    }
};
script.onload = callback;
script.onerror = function() {
    // Сигнал о том, что что-то пошло не так
    console.error('Упс! Что-то не так со скриптом.');
};
script.src = 'path_to_your_script.js';
document.getElementsByTagName('head')[0].appendChild(script);

// Функция обратного вызова
function callback() {
    yourAwesomeFunction();
}

<!-- Прекрасный классический JavaScript без лишних добавок -->
<script src="path_to_your_script.js" onload="yourAwesomeFunction()"></script>

const loadScript = function (src) {
    return new Promise((resolve, reject) => {
        let script = document.createElement('script');
        script.src = src;

        // Скрипт загружен – настало время в действие
        script.onload = () => resolve(script);

        // Произошла ошибка при загрузке
        script.onerror = () => reject(new Error(`Ошибка загрузки скрипта ${src}`));
        
        document.head.appendChild(script);
    });
};

loadScript('path_to_your_script.js')
    .then(script => yourAwesomeFunction())
    .catch(error => console.log(`Ошибка при загрузке скрипта: ${error.message}`));

async function loadAndExecute(src) {
    try {
        await loadScript(src);
        yourAwesomeFunction();
    } catch (error) {
        console.log(`Ошибка при выполнении скрипта: ${error.message}`);
    }
}
loadAndExecute('path_to_your_script.js');

function loadScript(src, callback) {
    let script = document.createElement('script');
    script.src = src;

    script.onload = () => callback();

    script.onerror = () => console.error(`Ошибка загрузки скрипта ${src}.`);
    document.documentElement.appendChild(script);
}

loadScript('path_to_your_script.js', () => console.log('Скрипт успешно загружен.'));

🚂: Экспресс 'Загрузка Скрипта'
Маршрут: 📜 Кодовый Депо -> 📞 Сетевая Остановка -> 🖥️ Браузерный Терминал

<!-- Вызываем функцию (разгружаем груз), когда поезд (скрипт) прибывает на конечную станцию (загружен) -->
<script src="your_script.js" onload="yourAwesomeFunction();"></script>

📢 "Уважаемые пассажиры, функция 'yourAwesomeFunction()' успешно прибыла на станцию. Все системы функционируют нормально!"

// Версия на TypeScript
const loadScript = (src: string): Promise<void> => {
    return new Promise((resolve, reject) => {
        const script: HTMLScriptElement = document.createElement('script');
        script.src = src;

        // Когда скрипт будет загружен
        script.onload = () => resolve();

        // Если возникла ошибка при загрузке
        script.onerror = () => reject(new Error(`Загрузка скрипта не удалась: ${src}`));
        document.head.appendChild(script);
    });
};