Observe o código HTML e JavaScript a seguir: <!DOCTYPE ht...
<!DOCTYPE html> <html> <body> <p id="Tejota"></p> <script> const tjProcesso = {ID:"2022.1", envolvidos: ["João", "Maria"]}; document.getElementById("Tejota").innerHTML = tjProcesso.envolvidos[0]; </script> </body> </html>
Após a execução do código, o resultado exibido será:
Gabarito comentado
Confira o gabarito comentado por um dos nossos professores
Gabarito: B - João
Para resolver essa questão, os conhecimentos necessários incluem a compreensão da estrutura de um documento HTML e os fundamentos básicos de JavaScript, especialmente a manipulação do DOM (Document Object Model).
O código apresentado na questão começa com a definição do tipo de documento (<!DOCTYPE html>), que especifica ao navegador que este é um documento HTML5. Em seguida, temos a estrutura básica de um documento HTML, com a abertura e fechamento das tags <html>, <body>, e um parágrafo (<p>) com um identificador id="Tejota".
Na parte JavaScript do código, é criado um objeto chamado tjProcesso, que contém uma propriedade ID e uma propriedade envolvidos, que é um array contendo duas strings: "João" e "Maria". Com a instrução document.getElementById("Tejota").innerHTML = tjProcesso.envolvidos[0];, o JavaScript está acessando o elemento do DOM com id "Tejota" e atribuindo ao seu conteúdo interno (innerHTML) o valor do primeiro elemento do array envolvidos, que é "João".
Por ser um array, a indexação começa do zero. Portanto, tjProcesso.envolvidos[0] se refere ao primeiro elemento, que é "João". Sendo assim, o resultado exibido na página será o nome "João", o que torna a alternativa B a resposta correta.
Clique para visualizar este gabarito
Visualize o gabarito desta questão clicando no botão abaixo
Comentários
Veja os comentários dos nossos alunos
Alternativa B - João
tjProcesso.envolvidos = João,Maria
tjProcesso.envolvidos[0] = João
tjProcesso.envolvidos[1] = Maria
Clique para visualizar este comentário
Visualize os comentários desta questão clicando no botão abaixo