Questão nº 22
Questão de Tecnologias da Informação · FCC SEFAZ-SC 2018 - Conhecimentos Específicos (P3) (nº 22)
Atenção: Para responder às questões de números 21 a 24, considere o código a seguir:
<!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <title> SECRETARIA DE ESTADO DA FAZENDA </title> <script> function checar(){ if( I ){ II III } } </script> <style> IV </style> </head> <body> <form name="frm"> <p> Escolha os anos para referência <br> <input type="radio" name="a1" value="2016-1" id="op1"> <label for="op1">2016-1 </label> <br> <input type="radio" name="a1" value="2016-2" id="op2"> <label for="op2">2016-2 </label> <br> <input type="radio" name="a1" value="2017-1" id="op3"> <label for="op3">2017-1 </label> <br> <input type="radio" name="a1" value="2017-2" id="op4"> <label for="op4">2017-2 </label> <br> <input type="radio" name="a1" value="2018-1" id="op5"> <label for="op5">2018-1 </label> <br> <input type="radio" name="a1" value="2018-2" id="op6"> <label for="op6">2018-2 </label> <br> </p> <p> <input type="button" value="Checar" onclick="checar();"> </p> </form> <p id="x"></p> </body> </html>
Para que no parágrafo, cujo id é igual a "x", seja exibida a mensagem Ano escolhido 2018-2 quando a condição analisada for verdadeira, a lacuna II, do código, deverá ser corretamente preenchida por
Este texto de apoio vale também pra questão nº 21, questão nº 23, questão nº 24.
- A`document.getElementById("x").insert = "Ano escolhido " + document.frm.a1[5].value;`
- B`document.p[id="x"].innerHTML = "Ano escolhido 2018-2";`
- C`document.getElementById("x").innerHTML = "Ano escolhido " + document.frm.a1[5].value;` (alternativa correta)
- D`document.p["x"].innerHTML = "Ano escolhido " + document.frm.a1[5].value;`
- E`document.getElementById("x").text = "Ano escolhido 2018-2";`
Resposta comentada
Gabarito Alternativa C
Para exibir texto em um elemento HTML usando JavaScript, primeiro você encontra o elemento, geralmente pelo seu `id`, e depois usa a propriedade `innerHTML` para colocar o conteúdo dentro dele.
(A) Incorreta: A propriedade `.insert` não existe para inserir conteúdo HTML em um elemento. O correto seria `innerHTML` ou `textContent`.
(B) Incorreta: A sintaxe `document.p[id="x"]` está errada para selecionar um elemento. A forma correta de buscar um elemento pelo ID é `document.getElementById("x")`.
(C) Correta: `document.getElementById("x")` encontra o parágrafo com o ID "x". `innerHTML` é a propriedade correta para definir o conteúdo HTML (incluindo texto) de um elemento. `document.frm.a1[5].value` acessa o valor do sexto botão de rádio (índice 5), que é "2018-2", construindo a mensagem desejada.
(D) Incorreta: A sintaxe `document.p["x"]` está errada para selecionar um elemento. Assim como na alternativa B, a forma correta é `document.getElementById("x")`.
(E) Incorreta: A propriedade `.text` não é a forma padrão para definir o conteúdo de texto de um elemento HTML como um parágrafo. O correto seria `innerHTML` ou `textContent`. A armadilha aqui é usar `document.getElementById("x")` corretamente, mas com a propriedade errada.
Fonte: FCC SEFAZ-SC 2018 - Conhecimentos Específicos (P3) Tecnologia da Informação (Caderno Tipo 1). Reproduzida para fins de estudo.