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
- document.getIdElement("x").style.color = '#ff0000';
- document.p.id("x").css.color = '#0000ff';
- document.getElementById("x").style.color = '#ff0000';
- document.p().style.color = '#ff0000';
- 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