script-5.2.js

    // 1.Adicione a tag h1 com o texto Exercício 5.2 - JavaScript DOM como filho da tag body ;
    let h1 = document.createElement('h1');
    document.body.appendChild(h1);
    h1.innerHTML = "Exercício 5.2 - JavaScript DOM";

    // 2.Adicione a tag div com a classe main-content como filho da tag body ;
    let mainContent = document.createElement('div');
    mainContent.classList.add('main-content');
    document.body.appendChild(mainContent)

    // 3.Adicione a tag div com a classe center-content como filho da tag div criada no passo 2;
    let centerContent = document.createElement('div');
    centerContent.classList.add('center-content')
    mainContent.appendChild(centerContent);

    // 4.Adicione a tag p como filho do div criado no passo 3 e coloque algum texto;
    let p = document.createElement('p');
    p.innerText = "Algum texto";
    centerContent.appendChild(p);

    // 5.Adicione a tag div com a classe left-content como filho da tag div criada no passo 2;
    let leftContent = document.createElement('div');
    leftContent.classList.add('left-content');
    mainContent.appendChild(leftContent);

    // 6.Adicione a tag div com a classe right-content como filho da tag div criada no passo 2;
    let rightContent = document.createElement('div');
    rightContent.classList.add('right-content');
    mainContent.appendChild(rightContent);

    // Adicione uma imagem com src configurado para o valor https://picsum.photos/200 e classe small-image . Esse elemento deve ser filho do div criado no passo 5;
    let img = document.createElement('img');
    img.src = 'https://picsum.photos/200';
    img.classList.add('small-image');
    leftContent.appendChild(img)

    // Adicione uma lista não ordenada com os valores de 1 a 10 por extenso como valores da lista. Essa lista deve ser filha do div criado no passo 6;
    let ul = document.createElement('ul');
    let numbers = ['Um', 'Dois', 'Três', 'Quatro', 'Cinco', 'Seis', 'Sete', 'Oito', 'Nove', 'Dez'];

    for (let index = 0; index < numbers.length; index += 1) {
      let li = document.createElement('li');
      li.innerText = numbers[index];
      ul.appendChild(li);
    }

    rightContent.appendChild(ul)

    // Adicione 3 tags h3 , todas sendo filhas do div criado no passo 2.
    for (let index = 0; index < 3; index += 1) {
      let h3 = document.createElement('h3');
      h3.innerText = index;
      mainContent.appendChild(h3)
    }