Baixe o app para aproveitar ainda mais
Leia os materiais offline, sem usar a internet. Além de vários outros recursos!
ATIVIDADE 4 DESENVOLVIMENTO WEB CLIENTE
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Faça como milhares de estudantes: teste grátis o Passei Direto
Esse e outros conteúdos desbloqueados
16 milhões de materiais de várias disciplinas
Impressão de materiais
Agora você pode testar o
Passei Direto grátis
Compartilhar
Prévia do material em texto
1. GRA0632 DESENVOLVIMENTO WEB CLIENTE PNA (ON) - 201920.1122.11
2. Unidade 4
3. Revisar envio do teste: ATIVIDADE 4
Revisar envio do teste: ATIVIDADGRA0632 DESENVOLVIMENTO WEB CLIENTE
PNA (ON) - 201920.1122.11
1. Unidade 4
2. Revisar envio do teste: ATIVIDADE 4
Revisar envio do teste: ATIVIDADE 4
U
s
u
á
ri
o
RODRIGO NOGUEIRA FURTADO
C
u
r
s
o
GRA0632 DESENVOLVIMENTO WEB
CLIENTE PNA (ON) - 201920.1122.11
T
e
s
t
e
ATIVIDADE 4
I
n
i
c
i
a
d
o
25/09/19 09:45
E
n
v
i
a
d
o
25/09/19 14:16
S
t
a
Completada
https://fadergsead.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_544629_1
https://fadergsead.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_544629_1&content_id=_11397988_1&mode=reset
https://fadergsead.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_544629_1
https://fadergsead.blackboard.com/webapps/blackboard/execute/courseMain?course_id=_544629_1
https://fadergsead.blackboard.com/webapps/blackboard/content/listContent.jsp?course_id=_544629_1&content_id=_11397988_1&mode=reset
t
u
s
R
e
s
u
lt
a
d
o
d
a
t
e
n
t
a
ti
v
a
1,5 em 2,5 pontos
T
e
m
p
o
d
e
c
o
r
ri
d
o
4 horas, 31 minutos
R
e
s
u
lt
a
d
o
s
e
x
i
b
i
d
o
s
Respostas enviadas, Respostas corretas,
Comentários
●
Pergunta 1
● 0,25 em 0,25 pontos
●
JavaScript consegue interagir com,
praticamente, todos os elementos de uma
página HTML, trabalhar com variáveis,
gerar resultados, alterar a aparência de
elementos e o melhor, sem a necessidade
de ficar recarregando a página. A partir
dessa informação, analise o trecho de
código a seguir:
<html>
<body>
<h2>Core
s
preferidas:
</h2>
<p></p>
<script>
var cores
=
["Azul","Ve
rmelho","B
ranco"];
document.
getElemen
tById("iden
tificador").i
nnerHTML
=cores;
</script>
</body>
</html>
Para que as cores “Azul Vermelho Branco”
sejam exibidas logo após o texto “Cores
preferidas” o que deve ser feito no código
acima?
R
e
s
p
o
s
t
a
S
e
l
e
c
i
o
n
a
d
a
:
.Inserir o
atributo id
com valor
“identificador”
na tag <p>.
R
e
s
p
o
s
t
a
C
o
r
r
e
t
a
:
.Inserir o
atributo id com
valor
“identificador”
na tag <p>.
F Resposta correta.
Para permitir
alterações na
página, ao
carregar o
HTML da
página, os
navegadores
carregam em
memória uma
estrutura de
dados que
representa
cada uma das
tags HTML no
JavaScript.
Essa estrutura
é chamada de
DOM (
Document
Object Model)
e pode ser
acessada por
meio da
variável global
document. O
termo
"documento" é
frequentement
e utilizado em
referências à
página, sendo
portanto
equivalentes
os termos
documento e
página. No
trecho de
código acima o
documento
seleciona o
identificador
com nome
“identificador”
e insere as
cores nele.
Como foi
solicitado que
as cores sejam
exibidas após
o texto “Cores
preferidas”,
então é
necessário
acrescentar o
id=”identificado
r” associado a
tag <p>.
●
Pergunta 2
● 0,25 em 0,25 pontos
●
Para lincar o JavaScript dentro do HTML, a
tag <script> pode ser declarada dentro
da tag <head> ou dentro da tag <body>.
A diferença é que se o código
JavaScript for muito extenso ou
demandar muito processamento, o
código inserido na tag
<head> vai demandar mais tempo para
renderizar no ambiente do usuário, pois
o código terá que ser lido antes do
conteúdo da tag <body>. Por isso,
usualmente os scripts que demanda
mais processamento são declarados
no final da tag
<body>.
Para carregar um arquivo JavaScript de
nome “teste.js”, a partir de uma página
HTML, é correto o uso da seguinte tag
R
e
s
p
o
s
t
a
S
e
l
e
c
i
o
n
a
d
a
:
.<script
type="text/java
script"
src="teste.js">
</script>.
R
e
s
p
o
s
t
a
C
o
r
r
e
t
a
:
.<script
type="text/javas
cript"
src="teste.js"></
script>.
F Resposta correta. A
forma correta de
lincar um
arquivo
Javascript em
uma página
HTML é por
meio da tag
<script>.O
atributo type
deve conter o valor
"text/javascript"
e o atributo src
contém a referência
para o local no
servidor da
aplicação onde
o arquivo está
localizado.
●
Pergunta 3
● 0 em 0,25 pontos
●
Em Javascript existem diversos eventos que podem ser utilizados para que a
interação com o usuário dispare alguma função pelo sistema web. Dentre os
eventos existentes, podemos citar o “onclick” que é um evento levantado quando
ocorre um clique com o mouse. A partir dessa informação, analise o trecho de
código a seguir:
<html>
<body>
<p id="q1">Pergunta</p>
<input type='button' value='clique aqui'
onclick='javascript:document.getElementById("p1").inner
HTML="Resposta";'>
</body>
</html>
O que vai acontecer quando o usuário clicar no botão com o texto
“clique aqui”?
Respo
sta
Se
lec
ion
ad
a:
.Exibe o texto “Resposta” no
lugar do texto “Pergunta”.
Respo
sta
Co
rre
ta:
Nada acontece.
Sua resposta está incorreta. Para
inserir o texto “Resposta” no
HTML seria necessário um
elemento com o atributo id =“p1”.
No trecho de código apresentado
o único elemento que poderia
assumir esse papel seria o
parágrafo <p> com o texto
“Pergunta”. Entretanto, o valor de
id para esse elemento é “q1”.
Dessa forma, nada acontece
quando o usuário clica no botão
“clique aqui”
●
Pergunta 4
● 0 em 0,25 pontos
●
Com relação à Javascript, assinale V para a
afirmativa VERDADEIRA e F para a
FALSA.
( ) é uma linguagem de programação que
executa do lado do servidor.
( ) permite a alteração do conteúdo
HTML por meio do acesso a seletores,
de forma similar ao CSS.
( ) é possível ser inserido no HTML por
meio da tag <javascript> de abertura e
</javascript> de fechamento.
Assinale a alternativa com a correta
sequência correta de Vs e/ou Fs:
Resposta
Seleci
onada:
Resposta
Corret
a:
F Sua resposta está
incorreta.
Javascript é
uma linguagem
de programação
que executado
lado cliente, não
do lado do
servidor.
Quando uma
requisição é
feita ao servidor
de aplicação,
ele retorna
HTML, CSS e
Javscript que
roda na
máquina do
usuário que fez
a requisição. Ela
permite a
alteração do
conteúdo HTML
por meio do
acesso a
seletores, de
forma similar ao
CSS, com os
operadores
querySelector e
querySelectorAll
, seguidos de
innerHtml. Para
inserir código
Javascript as
tags de abertura
e fechamento
são <script> e
</script>. Não
existe a tag
<javascript>.
●
Pergunta 5
● 0,25 em 0,25 pontos
●
No Javascript existem diversos eventos que
podem ser utilizados para que a
interação com o usuário dispare alguma
função pelo sistema web.
Em relação aos eventos da linguagem
JavaScript, o evento que é executado
quando o usuário clica com o mouse
em um link é o
Resposta
Seleci
onada:
.
o
n
c
l
i
c
k
.
Resposta
Corret
a:
.
o
n
c
l
i
c
k
.
F Resposta correta. O
evento onclick é
gerado quando
ocorre um click
com o mouse.
Esse evento é
extremamente
utilizado em
sistemas web,
seja para o clica
de um link, um
botão ou
mesmo sobre
um campo de
texto
●
Pergunta 6
● 0 em 0,25 pontos
●
Com Javascript é possível acessar os elementos da página HTML e
alterar o seu comportamento. O comando JavaScript exibido a
seguir escreve o texto “conteúdo novo” no HTML.
document.querySelectorAll(".tipoXPTO").in
nerHTML = “conteúdo novo”;
Assinale a opção que contém o nome do atributo HTML que deve
possuir o valor “tipoXPTO” para que seja possível inserir o texto
“conteúdo novo” na página
Resposta
Seleci
onada:
Resposta
Corret
a:
F Sua resposta está incorreta. Para inserir o texto
“conteúdo novo” no HTML seriam necessários
elementos HTML com o atributo class
=“tipoXPTO”. O uso desse atributo em vez de id
deve só fato do termo “tipoXPTO” estar
precedido por “.”. Se em vez “.” tivesse sido
usado “#”, a resposta correta seria id. A
diferença é que por definição o id pode ser
utilizado uma única vez. O atributo name é
utilizado quando é enviada informação de uma
página a outra, com o uso de um formulário por
exemplo. Já o atributo value é utilizado para
indicar o nome a um elemento, como um botão.
O atributo key não existe no HTML.
●
Pergunta 7
● 0 em 0,25 pontos
●
JavaScript consegue interagir com, praticamente, todos os elementos de uma
página HTML, trabalhar com variáveis, gerar resultados, alterar a aparência de
elementose o melhor, sem a necessidade de ficar recarregando a página.
Existem aplicativos inteiros feitos somente usando JavaScript e estes aplicativos
passarão a ser cada vez mais comuns com o passar do tempo e a evolução
desta linguagem. Veja o trecho de código a seguir que contém a definição de
uma função e o seu uso na sequência:
<script>
function multiplica(p1, p2) {
return p1 * p2;
}
document.getElementById("conteudo").innerHTML =
multiplica(4, 3);
</script>
Para modificar o conteúdo HTML de um elemento HTML através de
um script Javascript foi empregado o comando:
Resposta
Seleci
onada:
.
d
o
c
u
m
e
n
t
.
.
Resposta
Corret
a:
.i
n
n
e
r
H
T
M
L
.
.
Sua resposta está incorreta. O comando
“document.getElementById("conteudo"
).innerHTML = multiplica(4, 3)” realiza
uma série de processos, mas a efetiva
inserção do conteúdo no HTML é feita
pelo comando innerHTML.
Inicialmente, o “document” é a
representação do conteúdo da página.
O comando getElementById seleciona
o elemento na página que contém o
id=”conteúdo”. A função definida
multiplica é invocada quando é feita a
chamada “multiplica (4,3)”. O retorno
dessa função é inserido na página
HTML. A tag <script> informa que o
conteúdo entre a abertura e
fechamento é código do tipo script.
●
Pergunta 8
● 0,25 em 0,25 pontos
●
Sejam as seguintes afirmativas sobre a
construção de sistemas web com
HTML, CSS e Javascript:
I – Em uma requisição ao servidor de
aplicação são retornados para o lado
cliente HTML, CSS e Javascript.
II - Folhas de estilo podem ser
declaradas diretamente na seção head
de um documento HTML, usando-se,
para tal, o elemento <sheet>.
III – O conceito de seletores usado no
CSS é o mesmo do Javascript.
IV - As tags <js> </js> são usadas para
a inclusão de arquivos com código
JavaScript em documentos HTML.
Está correto APENAS o que se afirma
em
Resposta
Seleci
onada:
Resposta
Corret
a:
F Resposta correta.
Em uma
requisição ao
servidor de
aplicação são
retornados para
o lado cliente
HTML, CSS e
Javascript. O
Javascript é
executado no
lado do cliente.
O conceito de
seletores usado
no CSS é o
mesmo do
Javascript.
Seletores
podem ser tags
HTML ou os
atributos id ou
class.
●
Pergunta 9
● 0,25 em 0,25 pontos
●
O jquery Mask é um plugin que definir máscaras ou padrões dos
campos de entrada HTML. Todo tipo de máscara pode ser definido.
Analise o trecho de código a seguir:
$(document).ready(function(){
$('.date').mask('00/00/0000'); });
Assinale a alternativa que indica uma entrada de dados possível
para a máscara informada anteriormente:
Resposta
Seleci
onada:
.
1
0
/
1
0
/
2
0
1
0
.
Resposta
Corret
a:
.
1
0
/
1
0
/
2
0
1
0
.
Resposta correta. A máscara anterior
define a formatação de um campo
data no formato dia/mês/ano, sendo
que os valores devem vir separados
pelo caractere de barra. O dia e o mês
devem ser informados com dois
valores numéricos. Já o ano deve ser
informado com 4 algarismos.
●
Pergunta 10
● 0,25 em 0,25 pontos
●
O jQuery possui uma série de plugins interessantes para formatação e
validação de campos. Um deles é o jQuery Mask Plugin. Com ele é
possível definir máscaras ou padrões dos campos de entrada
HTML. Essa é uma funcionalidade bastante útil em um formulário de
cadastro ou em uma tela de autenticação do usuário, por exemplo.
Analise o trecho de código a seguir:
<script> $(document).ready(function () {
var $seuCampoCpf = $("#CPF");
$seuCampoCpf.mask('000.000.000-00',
{reverse: true}); }); </script>
Assinale a alternativa que faz o uso correto da máscara acima:
Resposta
Seleci
onada:
.<input
type="text"
id="CPF" />.
Resposta
Corret
a:
.<input type="text"
id="CPF" />.
Resposta correta. Para utilizar a máscara
de CPF definida anteriormente é
importante observar que no jQuery os
elementos são invocados pela função
$. No caso, a máscara foi construída
para acessar o identificador “CPF”. Por
esse motivo para seu uso, é
necessário que tenha o atributo id
associado e que seu valor seja “CPF”.
Quarta-feira, 25 de Setembro de 2019 14h16min32s BRT
E 4
U
s
u
á
ri
o
RODRIGO NOGUEIRA FURTADO
C
u
r
s
o
GRA0632 DESENVOLVIMENTO WEB
CLIENTE PNA (ON) - 201920.1122.11
T
e
s
t
e
ATIVIDADE 4
I
n
i
c
i
a
25/09/19 09:45
d
o
E
n
v
i
a
d
o
25/09/19 14:16
S
t
a
t
u
s
Completada
R
e
s
u
lt
a
d
o
d
a
t
e
n
t
a
ti
v
a
1,5 em 2,5 pontos
T
e
m
p
o
d
e
c
o
r
ri
4 horas, 31 minutos
d
o
R
e
s
u
lt
a
d
o
s
e
x
i
b
i
d
o
s
Respostas enviadas, Respostas corretas,
Comentários
●
Pergunta 1
● 0,25 em 0,25 pontos
●
JavaScript consegue interagir com,
praticamente, todos os elementos de uma
página HTML, trabalhar com variáveis,
gerar resultados, alterar a aparência de
elementos e o melhor, sem a necessidade
de ficar recarregando a página. A partir
dessa informação, analise o trecho de
código a seguir:
<html>
<body>
<h2>Core
s
preferidas:
</h2>
<p></p>
<script>
var cores
=
["Azul","Ve
rmelho","B
ranco"];
document.
getElemen
tById("iden
tificador").i
nnerHTML
=cores;
</script>
</body>
</html>
Para que as cores “Azul Vermelho Branco”
sejam exibidas logo após o texto “Cores
preferidas” o que deve ser feito no código
acima?
R
e
s
p
o
s
t
a
S
e
l
e
c
i
o
n
a
d
a
:
.Inserir o
atributo id
com valor
“identificador”
na tag <p>.
R
e
s
p
o
s
t
a
C
o
r
r
e
t
a
:
.Inserir o
atributo id com
valor
“identificador”
na tag <p>.
F Resposta correta.
Para permitir
alterações na
página, ao
carregar o
HTML da
página, os
navegadores
carregam em
memória uma
estrutura de
dados que
representa
cada uma das
tags HTML no
JavaScript.
Essa estrutura
é chamada de
DOM (
Document
Object Model)
e pode ser
acessada por
meio da
variável global
document. O
termo
"documento" é
frequentement
e utilizado em
referências à
página, sendo
portanto
equivalentes
os termos
documento e
página. No
trecho de
código acima o
documento
seleciona o
identificador
com nome
“identificador”
e insere as
cores nele.
Como foi
solicitado que
as cores sejam
exibidas após
o texto “Cores
preferidas”,
então é
necessário
acrescentar o
id=”identificado
r” associado a
tag <p>.
●
Pergunta 2
● 0,25 em 0,25 pontos
●
Para lincar o JavaScript dentro do HTML, a
tag <script> pode ser declarada dentro
da tag <head> ou dentro da tag <body>.
A diferença é que se o código
JavaScript for muito extenso ou
demandar muito processamento, o
código inserido na tag
<head> vai demandar mais tempo para
renderizar no ambiente do usuário, pois
o código terá que ser lido antes do
conteúdo da tag <body>. Por isso,
usualmente os scripts que demanda
mais processamento são declarados
no final da tag
<body>.
Para carregar um arquivo JavaScript de
nome “teste.js”, a partir de uma página
HTML, é correto o uso da seguinte tag
R
e
s
p
o
s
t
a
S
e
l
e
c
i
o
n
a
d
a
:
.<script
type="text/java
script"
src="teste.js">
</script>.
R
e
s
p
o
s
t
a
C
o
r
r
e
t
a
:
.<script
type="text/javas
cript"
src="teste.js"></
script>.
F Resposta correta. A
forma correta de
lincar um
arquivo
Javascript em
uma página
HTML é por
meio da tag
<script>.O
atributo type
deve conter o valor
"text/javascript"
e o atributo src
contém a referência
para o local no
servidor da
aplicação onde
o arquivo está
localizado.
●
Pergunta 3
● 0 em 0,25 pontos
●
Em Javascript existem diversos eventos que podem ser utilizados para que a
interação com o usuário dispare alguma função pelo sistema web. Dentre os
eventos existentes, podemos citar o “onclick” que é um evento levantado quando
ocorre um clique com o mouse. A partir dessa informação, analise o trecho de
código a seguir:
<html>
<body>
<p id="q1">Pergunta</p>
<input type='button' value='clique aqui'
onclick='javascript:document.getElementById("p1").inner
HTML="Resposta";'>
</body>
</html>
O que vai acontecer quando o usuário clicar no botão com o texto
“clique aqui”?
Respo
sta
Se
lec
ion
ad
a:
.Exibe o texto “Resposta” no
lugar do texto “Pergunta”.
Respo
sta
Co
rre
ta:
Nada acontece.
Sua resposta está incorreta. Para
inserir o texto “Resposta” no
HTML seria necessário um
elemento com o atributo id =“p1”.
No trecho de código apresentadoo único elemento que poderia
assumir esse papel seria o
parágrafo <p> com o texto
“Pergunta”. Entretanto, o valor de
id para esse elemento é “q1”.
Dessa forma, nada acontece
quando o usuário clica no botão
“clique aqui”
●
Pergunta 4
● 0 em 0,25 pontos
●
Com relação à Javascript, assinale V para a
afirmativa VERDADEIRA e F para a
FALSA.
( ) é uma linguagem de programação que
executa do lado do servidor.
( ) permite a alteração do conteúdo
HTML por meio do acesso a seletores,
de forma similar ao CSS.
( ) é possível ser inserido no HTML por
meio da tag <javascript> de abertura e
</javascript> de fechamento.
Assinale a alternativa com a correta
sequência correta de Vs e/ou Fs:
Resposta
Seleci
onada:
Resposta
Corret
a:
F Sua resposta está
incorreta.
Javascript é
uma linguagem
de programação
que executado
lado cliente, não
do lado do
servidor.
Quando uma
requisição é
feita ao servidor
de aplicação,
ele retorna
HTML, CSS e
Javscript que
roda na
máquina do
usuário que fez
a requisição. Ela
permite a
alteração do
conteúdo HTML
por meio do
acesso a
seletores, de
forma similar ao
CSS, com os
operadores
querySelector e
querySelectorAll
, seguidos de
innerHtml. Para
inserir código
Javascript as
tags de abertura
e fechamento
são <script> e
</script>. Não
existe a tag
<javascript>.
●
Pergunta 5
● 0,25 em 0,25 pontos
●
No Javascript existem diversos eventos que
podem ser utilizados para que a
interação com o usuário dispare alguma
função pelo sistema web.
Em relação aos eventos da linguagem
JavaScript, o evento que é executado
quando o usuário clica com o mouse
em um link é o
Resposta
Seleci
onada:
.
o
n
c
l
i
c
k
.
Resposta
Corret
a:
.
o
n
c
l
i
c
k
.
F Resposta correta. O
evento onclick é
gerado quando
ocorre um click
com o mouse.
Esse evento é
extremamente
utilizado em
sistemas web,
seja para o clica
de um link, um
botão ou
mesmo sobre
um campo de
texto
●
Pergunta 6
● 0 em 0,25 pontos
●
Com Javascript é possível acessar os elementos da página HTML e
alterar o seu comportamento. O comando JavaScript exibido a
seguir escreve o texto “conteúdo novo” no HTML.
document.querySelectorAll(".tipoXPTO").in
nerHTML = “conteúdo novo”;
Assinale a opção que contém o nome do atributo HTML que deve
possuir o valor “tipoXPTO” para que seja possível inserir o texto
“conteúdo novo” na página
Resposta
Seleci
onada:
Resposta
Corret
a:
F Sua resposta está incorreta. Para inserir o texto
“conteúdo novo” no HTML seriam necessários
elementos HTML com o atributo class
=“tipoXPTO”. O uso desse atributo em vez de id
deve só fato do termo “tipoXPTO” estar
precedido por “.”. Se em vez “.” tivesse sido
usado “#”, a resposta correta seria id. A
diferença é que por definição o id pode ser
utilizado uma única vez. O atributo name é
utilizado quando é enviada informação de uma
página a outra, com o uso de um formulário por
exemplo. Já o atributo value é utilizado para
indicar o nome a um elemento, como um botão.
O atributo key não existe no HTML.
●
Pergunta 7
● 0 em 0,25 pontos
●
JavaScript consegue interagir com, praticamente, todos os elementos de uma
página HTML, trabalhar com variáveis, gerar resultados, alterar a aparência de
elementos e o melhor, sem a necessidade de ficar recarregando a página. Existem
aplicativos inteiros feitos somente usando JavaScript e estes aplicativos passarão a
ser cada vez mais comuns com o passar do tempo e a evolução desta linguagem.
Veja o trecho de código a seguir que contém a definição de uma função e o seu uso
na sequência:
<script>
function multiplica(p1, p2) {
return p1 * p2;
}
document.getElementById("conteudo").innerHTML =
multiplica(4, 3);
</script>
Para modificar o conteúdo HTML de um elemento HTML através de
um script Javascript foi empregado o comando:
Resposta
Seleci
onada:
.
d
o
c
u
m
e
n
t
.
.
Resposta
Corret
a:
.i
n
n
e
r
H
T
M
L
.
.
Sua resposta está incorreta. O comando
“document.getElementById("conteudo"
).innerHTML = multiplica(4, 3)” realiza
uma série de processos, mas a efetiva
inserção do conteúdo no HTML é feita
pelo comando innerHTML.
Inicialmente, o “document” é a
representação do conteúdo da página.
O comando getElementById seleciona
o elemento na página que contém o
id=”conteúdo”. A função definida
multiplica é invocada quando é feita a
chamada “multiplica (4,3)”. O retorno
dessa função é inserido na página
HTML. A tag <script> informa que o
conteúdo entre a abertura e
fechamento é código do tipo script.
●
Pergunta 8
● 0,25 em 0,25 pontos
●
Sejam as seguintes afirmativas sobre a
construção de sistemas web com
HTML, CSS e Javascript:
I – Em uma requisição ao servidor de
aplicação são retornados para o lado
cliente HTML, CSS e Javascript.
II - Folhas de estilo podem ser
declaradas diretamente na seção head
de um documento HTML, usando-se,
para tal, o elemento <sheet>.
III – O conceito de seletores usado no
CSS é o mesmo do Javascript.
IV - As tags <js> </js> são usadas para
a inclusão de arquivos com código
JavaScript em documentos HTML.
Está correto APENAS o que se afirma
em
Resposta
Seleci
onada:
Resposta
Corret
a:
F Resposta correta.
Em uma
requisição ao
servidor de
aplicação são
retornados para
o lado cliente
HTML, CSS e
Javascript. O
Javascript é
executado no
lado do cliente.
O conceito de
seletores usado
no CSS é o
mesmo do
Javascript.
Seletores
podem ser tags
HTML ou os
atributos id ou
class.
●
Pergunta 9
● 0,25 em 0,25 pontos
●
O jquery Mask é um plugin que definir máscaras ou padrões dos
campos de entrada HTML. Todo tipo de máscara pode ser definido.
Analise o trecho de código a seguir:
$(document).ready(function(){
$('.date').mask('00/00/0000'); });
Assinale a alternativa que indica uma entrada de dados possível
para a máscara informada anteriormente:
Resposta
Seleci
onada:
.
1
0
/
1
0
/
2
0
1
0
.
Resposta
Corret
a:
.
1
0
/
1
0
/
2
0
1
0
.
Resposta correta. A máscara anterior
define a formatação de um campo
data no formato dia/mês/ano, sendo
que os valores devem vir separados
pelo caractere de barra. O dia e o mês
devem ser informados com dois
valores numéricos. Já o ano deve ser
informado com 4 algarismos.
●
Pergunta 10
● 0,25 em 0,25 pontos
●
O jQuery possui uma série de plugins interessantes para formatação e
validação de campos. Um deles é o jQuery Mask Plugin. Com ele é
possível definir máscaras ou padrões dos campos de entrada
HTML. Essa é uma funcionalidade bastante útil em um formulário de
cadastro ou em uma tela de autenticação do usuário, por exemplo.
Analise o trecho de código a seguir:
<script> $(document).ready(function () {
var $seuCampoCpf = $("#CPF");
$seuCampoCpf.mask('000.000.000-00',
{reverse: true}); }); </script>
Assinale a alternativa que faz o uso correto da máscara acima:
Resposta
Seleci
onada:
.<input
type="text"
id="CPF" />.
Resposta
Corret
a:
.<input type="text"
id="CPF" />.
Resposta correta. Para utilizar a máscara
de CPF definida anteriormente é
importante observar que no jQuery os
elementos são invocados pela função
$. No caso, a máscara foi construída
para acessar o identificador “CPF”. Por
esse motivo para seu uso, é
necessário que tenha o atributo id
associado e que seu valor seja “CPF”.
Quarta-feira, 25 de Setembro de 2019 14h16min32s BRT
Continue navegando
Materiais relacionados
Perguntas relacionadas
Compartilhar