script.js

const header = document.getElementById(`header`);
const title = document.getElementById(`title`);
const excerpt = document.getElementById(`excerpt`);
const profile_img = document.getElementById(`profile_img`);
const name = document.getElementById(`name`);
const date = document.getElementById(`date`);

const animated_bgs = document.querySelectorAll(`.animated-bg`);
const animated_bg_texts = document.querySelectorAll(`.animated-bg-text`);

setTimeout(getData, 2500);

function getData() {
    header.innerHTML = '<img src="https://th.bing.com/th/id/OIP.UGiZv-3wR2nW-Gadf7NtngHaE9?pid=Api&rs=1" alt="" />';
    title.innerHTML = `Lorem ipsum dolor sit amet`;
    excerpt.innerHTML = `Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore perferendis`;
    profile_img.innerHTML = `<img src="https://randomuser.me/api/portraits/men/4.jpg" alt="" />`;
    name.innerHTML = `John Doe`;
    date.innerHTML = `Jan 24,2021`;

    animated_bgs.forEach((bg) => {
        bg.classList.remove(`animated-bg`);
    })
    animated_bg_texts.forEach((bg) => {
        bg.classList.remove(`animated-bg-text`);
    })
}