script.js

let funcionarios = [
  {
    primeiroNome: "João",
    sobrenome: "Silva",
    cargo: "Caixa",
    salario: 1200,
    frases: ["Bom dia, tudo bem?", "Foi sem querer"],
  },
  {
    primeiroNome: "Maria",
    sobrenome: "Costa",
    cargo: "Gerente",
    salario: 2500,
    frases: [
      "Qual horário você chegou?",
      "Precisa de ajuda?",
      "Cadê o seu atestado?",
    ],
    promocao: "01/06/2019",
  },
  {
    primeiroNome: "Pedro",
    sobrenome: "Souza",
    cargo: "Conservação",
    salario: 1100,
  },
  {
    primeiroNome: "Ana",
    sobrenome: "Caetano",
    cargo: "Caixa",
    salario: 1200,
  },
];

// Referencia o corpo da tabela definida no html
const conteudo = document.getElementById("conteudo");

// Loop
for (let i = 0; i < funcionarios.length; i++) {
  let funcionario = funcionarios[i];

  // Define uma linha
  let linha = document.createElement("tr");
  conteudo.appendChild(linha);

  let posicao = document.createElement("th");
  posicao.innerText = i + 1;
  linha.appendChild(posicao);

  let nome = document.createElement("td");
  nome.innerText = funcionario.primeiroNome;
  linha.appendChild(nome);

  let salario = document.createElement("td");
  salario.innerText = funcionario.salario;
  linha.appendChild(salario);

  let cargo = document.createElement("td");
  cargo.innerText = funcionario.cargo;
  linha.appendChild(cargo);
}