Questão 41 · Informática: Redes de computadores e internet
Assinale a opção que apresenta o código correto para gerar uma página HTML com a frase viva a vida, tal que a fonte seja Arial com tamanho 26 px, a frase esteja em itálico e a palavra “vida” em negrito.
- A) <html> <body style="font-family: Arial"> <div id="vida"> <br/>viva a <spam name='texto'>vida</spam></br> </div> </body> </html> <script type="text/javascript"> document.getElementById("texto").style.fontSty le= 'italic'; document.getElementsByName("vida")[0].style.fo ntWeight='bold'; document.getElementsByTagName("p")[0].style.fo ntSize='26px'; </script>
- B) <html> <body style="font-family: Arial"> <div id="texto"> <p>viva a <spam name='vida'>vida</spam></p> </div> </body> </html> <script type="text/javascript"> document.getElementById("vida").style.fontStyl e= 'italic'; document.getElementsByName("p")[0].style.fontW eight='bold'; document.getElementsByTagName("texto")[0].styl e.fontSize='26px'; </script>
- C) <html> <body style="font-family: Arial"> <div id="texto"> <p>viva a vida</p> </div> </body> </html> <script type="text/javascript"> document.getElementById("texto").style.fontSty le= 'italic'; document.getElementsByName("texto")[0].style.f ontWeight='bold'; document.getElementsByTagName("texto").style.f ontSize='26px'; </script>
- D) <html> <body style="font-family: Arial"> <div id="texto"> <p>viva a <spam name='vida'>vida</spam></p> </div> </body> </html> <script type="text/javascript"> document.getElementById("texto").style.fontSty le= 'italic'; document.getElementsByName("vida".style.fontWe ight='bold'; document.getElementsByTagName("p").style.fontS ize='26px'; </script>
- E) <html> <body style="font-family: Arial"> <div id="texto"> <p>viva a <spam name='vida'>vida</spam></p> </div> </body> </html> <script type="text/javascript"> document.getElementById("texto").style.fontSty le= 'italic'; document.getElementsByName("vida")[0].style.fo ntWeight='bold'; document.getElementsByTagName("p")[0].style.fo ntSize='26px'; </script>
Marque a alternativa correta:
Gabarito: E
Gabarito definitivo divulgado pela banca Cebraspe (MP/RO 2023).
Comentário
Gabarito: E.
Na alternativa E, o div tem id "texto" e contém o <p> com "viva a" e, em um elemento com name='vida', a palavra "vida". O script usa: (1) getElementById("texto"), que encontra o div e aplica itálico, herdado por toda a frase; (2) getElementsByName("vida")[0], que encontra o elemento com name='vida' e aplica negrito somente à palavra "vida"; (3) getElementsByTagName("p")[0], que pega o primeiro parágrafo e aplica 26 px. A fonte Arial vem do estilo do body. A grafia "spam" aparece em todas as alternativas que têm a palavra; o navegador trata a tag como elemento genérico e aceita o estilo normalmente, então ela não distingue as opções.
A: errada. O div tem id "vida", mas o script chama getElementById("texto"), que retorna nulo e gera erro ao acessar style. Além disso, não há <p>, então getElementsByTagName("p")[0] não existe.
B: errada. getElementById("vida") não encontra nada, pois o id do div é "texto" ("vida" é o name do elemento interno). Também getElementsByName("p") busca um atributo name igual a "p", que não existe, e getElementsByTagName("texto") procura uma tag chamada texto, que também não existe.
C: errada. Não há elemento com a palavra "vida" separada para receber negrito, getElementsByName("texto")[0] não encontra nada, e getElementsByTagName("texto") devolve uma coleção vazia usada sem índice.
D: errada. Há erro de sintaxe em getElementsByName("vida".style..., com parêntese não fechado, e getElementsByTagName("p").style é usado sem o índice [0], pois o método devolve uma coleção.
Dica: confira o seletor (id, name ou tag), o índice [0] em coleções e a propriedade CSS. Um único erro invalida a alternativa.
Fundamentos: HTML: estrutura com div, parágrafo e elemento de destaque · JavaScript: getElementById, getElementsByName e getElementsByTagName com estilos CSS
Comentário gerado pela Cravei IA a partir do enunciado e do gabarito definitivo divulgado pela banca, e conferido por uma verificação automática. A IA pode errar: o gabarito oficial sempre prevalece.
Fonte: prova Cebraspe MP/RO 2023 (Analista Programador), questão 41, com o gabarito definitivo da banca. Comentário: Equipe Cravei · como fazemos e revisamos.