Sobre as Ferramentas de desenvolvimento web, considere o cód...
document.getElementById('rotulo').innerHTML = Date()
Indique a alternativa com a estrutura e elemento CORRETOS para funcionar o código.
Gabarito comentado
Confira o gabarito comentado por um dos nossos professores
Gabarito: A alternativa correta é a letra C.
Para responder corretamente a esta questão, o aluno precisa entender o funcionamento do DOM (Document Object Model) no contexto de uma página web e como o JavaScript interage com ele. O DOM permite que linguagens de programação, como o JavaScript, acessem e modifiquem o conteúdo, a estrutura e o estilo de uma página web.
O código JavaScript fornecido na questão está utilizando o método document.getElementById('rotulo') para selecionar um elemento HTML pelo seu atributo id e, em seguida, alterar o conteúdo desse elemento (o valor da propriedade innerHTML) para a data e hora atual, que é retornada pela função Date() do JavaScript.
Examinando as alternativas, a letra C é a única que fornece um elemento HTML com o atributo id igual a "rotulo". É importante notar que a estrutura apresentada na alternativa C tem um pequeno erro, pois contém tags de parágrafo aninhadas incorretamente. No entanto, para os propósitos da questão e a funcionalidade do código JavaScript apresentado, o aspecto crucial é o correto uso do atributo id. Assim, a estrutura correta e funcional para o código seria:
<p id="rotulo">H</p>
A alternativa A usa um elemento <p> sem o atributo id, o que não permite a seleção pelo JavaScript. A alternativa B utiliza class ao invés de id, o que também não corresponde ao método getElementById. A alternativa D cria um atributo personalizado chamado js, o qual não tem nenhuma funcionalidade padrão no HTML ou no JavaScript associado à questão.
Em suma, o conhecimento sobre o método getElementById e o conceito de atributos no HTML são essenciais para identificar a resposta correta para essa questão.
Clique para visualizar este gabarito
Visualize o gabarito desta questão clicando no botão abaixo