Questão nº 23

Questão de Tecnologias da Informação · FCC SEFAZ-SC 2018 - Conhecimentos Específicos (P3) (nº 23)

FCC2018Tecnologia da InformaçãoTecnologias da Informação

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 aplicar a cor de fonte vermelha no elemento de id igual a "x", caso a condição seja verdadeira, utiliza-se, na lacuna III, do código, o comando

Este texto de apoio vale também pra questão nº 21, questão nº 22, questão nº 24.

A`document.getIdElement("x").style.color = '#ff0000';`
B`document.p.id("x").css.color = '#0000ff';`
C`document.getElementById("x").style.color = '#ff0000';` (alternativa correta)
D`document.p(id="x").style.color = '#ff0000';`
E`document.getElementById("x").css.color = '#0000ff';`

Resposta comentada

Gabarito Alternativa C

Para manipular elementos HTML com JavaScript, usamos o DOM (Document Object Model). O DOM permite acessar e modificar o conteúdo, estrutura e estilo de documentos HTML. Uma forma comum de selecionar um elemento específico é pelo seu ID, usando o método `document.getElementById()`. Uma vez que o elemento é selecionado, podemos acessar suas propriedades de estilo através da propriedade `style` e, em seguida, modificar propriedades CSS como `color` (cor da fonte).

(A) Incorreta: O método correto para obter um elemento pelo ID é `getElementById`, não `getIdElement`.
(B) Incorreta: `document.p.id("x")` não é uma sintaxe válida para selecionar um elemento. Além disso, para alterar a cor da fonte, usa-se `style.color`, não `css.color`, e a cor solicitada é vermelha (`#ff0000`), não azul (`#0000ff`).
(C) Correta: `document.getElementById("x")` seleciona corretamente o elemento com o ID "x". `style.color` acessa a propriedade de estilo da cor da fonte, e `#ff0000` é o código hexadecimal para a cor vermelha, conforme solicitado.
(D) Incorreta: `document.p(id="x")` não é uma sintaxe válida para selecionar um elemento no DOM.
(E) Incorreta: Para alterar a cor da fonte, usa-se `style.color`, não `css.color`. Além disso, a cor solicitada é vermelha (`#ff0000`), não azul (`#0000ff`).

Fonte: FCC SEFAZ-SC 2018 - Conhecimentos Específicos (P3) Tecnologia da Informação (Caderno Tipo 1). Reproduzida para fins de estudo.

Questão de Tecnologias da Informação · FCC SEFAZ-SC 2018 - Conhecimentos Específicos (P3) (nº 23)

Resposta comentada

Continue estudando