Почему нет прелоадера при DOMContentLoaded?

Question

[kirillleogky]

проект - fuzzy-bread.surge.sh
мой основной js файл - index.js

import '@babel/polyfill';
import 'weather-icons/css/weather-icons.min.css';
import addHTMLstructure from './addHtml';
import showLanguage from './showLang';
import {
  searchBy, search, feels, wind, humidity, latitude, longitude,
} from './wordsData';
import getUserLocation from './getLocation';
import setUpToDateLocationInfo from './setLocationInfo';
import addMap from './addMap';
import getForecast from './getForecast';
import setForecast from './setForecastInfo';
import setWeatherIcons from './setIcons';
import setDate from './setDate';
import setCurrTime from './setCurrTime';
import setImg from './setBackgroundImg';
import useGeocod from './useGeocoding';
import setSearchTime from './setSearchingTime';
import getTimeDifference from './getTimeDifference';
import setFahUnitFormat from './setFahrenheitUnitFormat';
import setCelUnitFormat from './setCelsiusUnitFormat';
import deletePreLoad from './delPreLoad';

require('./style.css');
require('./preLoaderStyle.css');

let currUnitsFormat = localStorage.getItem('units') || 'Celsius';
const currLanguage = 'en';
const currLangWords = {
  searchBy: `${searchBy[currLanguage]}`,
  search: `${search[currLanguage]}`,
  feels: `${feels[currLanguage]}`,
  wind: `${wind[currLanguage]}`,
  humidity: `${humidity[currLanguage]}`,
  latitude: `${latitude[currLanguage]}`,
  longitude: `${longitude[currLanguage]}`,
};
addHTMLstructure(currLangWords);
setDate(currLanguage);
.......................
// Set Time
window.setInterval(setCurrTime, 3000, getTime);

document.addEventListener('DOMContentLoaded', deletePreLoad);  ------- Почему это не работает??

Почему я ставлю document.addEventListener('DOMContentLoaded', deletePreLoad) (deletePreLoad удаляет анимацию загрузки страницы) а он не работает?


Всё из-за того что в коде есть async (например для получения фото)?


И как сделать чтобы анимация не исчезала до того момента как фото загрузиться, но без setTimeout?

Comments

[Алексей Ярков]

Только вот в вашей портянке нет кода функций анимации и удаления анимации.

[kirillleogky]

Алексей Ярков,
запуск анимации осуществляется через блок

document.getElementById('prldr').style = 'display: fixed;';

функция скрытия блока с анимацией (deletePreLoad) :

export default function delerePreLoad() {
  document.getElementById('prldr').style = 'display: none;';
}