FC ConcursosFC Concursos

Questão FC373415

<!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.. } } </scri

Desenvolvimento Web

FCC · 2018

 

<!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"> <label for="op1">2016-1 </label> <br>
    <input type="radio" name="a1" value="2016-2"> <label for="op2">2016-2 </label> <br>
    <input type="radio" name="a1" value="2017-1"> <label for="op3">2017-1 </label> <br>
    <input type="radio" name="a1" value="2017-2"> <label for="op4">2017-2 </label> <br>
    <input type="radio" name="a1" value="2018-1"> <label for="op5">2018-1 </label> <br>
    <input type="radio" name="a1" value="2018-2"> <label for="op6">2018-2 </label> <br>
  </p>
  <p>
    <input type="button" value="Checar" onclick="checar();">
  </p>
 </form>
 <p></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

  1. document.getIdElement("x").style.color = '#ff0000';
  2. document.p.id("x").css.color = '#0000ff';
  3. document.getElementById("x").style.color = '#ff0000';
  4. document.p().style.color = '#ff0000';
  5. document.getElementById("x").css.color = '#0000ff';
Mostrar resposta e comentário

Gabarito

Certo

Comentário do professor

A expressão document.getElementById("x").style.color = '#ff0000'; obtém o elemento HTML cujo id é "x" e atribui, diretamente, uma regra de estilo inline para a cor do texto.

O método getElementById() retorna o elemento correspondente (ou null se não existir). A propriedade style permite acessar/definir propriedades CSS em linha; aplicar style.color altera a propriedade CSS color do elemento.

O valor '#ff0000' é a notação hexadecimal para vermelho. Coloque essa instrução dentro da função de verificação (quando a condição for verdadeira) para que a mudança ocorra somente no evento desejado.

Observação prática: verifique se o elemento existe antes de acessar style (ex.: if(document.getElementById("x")) ...) para evitar erro de referência.

Conteúdo do catálogo FC Concursos · Atualizado em

Continue aprendendo