SlideShare una empresa de Scribd logo
1 de 1
Descargar para leer sin conexión
LABMM 3 (2012-2013)	

                            	

                                      NTC | UA




Input e output em JavaScript
Objectivo
Este exercício tem como objectivo recordar os mecanismos básicos de input e output de informação
em JavaScript, realizando uma avaliação inicial dos seus conhecimentos de JavaScript. Pretende-se
que seja realizado individualmente fora das aulas T e P. Dúvidas serão esclarecidas na próxima aula
OT.


Código base
O código seguinte pode ser utilizado como base para a resolução dos desafios apresentados de
seguida:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Input e Output em JavaScript</title>
</head>
<body>
    <!-- Área de input -->
    <div id="input">
        6
    </div>
    <!-- Área de output -->
    <div id="output">
        <script type="text/javascript">

        </script>
    </div>
</body>
</html>


Desafios
Complete o código anterior de modo a obter os seguintes resultados:
1.   Escrever na área de output o valor inserido na área de input. Verifique a solução alterando o
     valor de input.
2.   Escrever na área de output o quadrado do valor inserido na área de input. Não esquecer que
     antes de calcular o quadrado (valor * valor) é necessário converter o texto para número com o
     método: parseInt(valor).
3.   Escrever código na área de input para que o valor de input varie aleatoriamente entre 1 e 9.
4.   Repetir todos os passos anteriores mas alterar o HTML de modo a incluir na área de input um
     formulário com um campo de texto. O valor de input passa a ser inserido nesse campo de texto.


Observações
Qualquer erro obtido deve ser verificado recorrendo à consola do browser. Habitua-te desde já a
utilizar essa ferramenta indispensável a qualquer programador de JavaScript!

 PÁGINA 1 DE 1

Más contenido relacionado

Destacado

Claudio Carina CV 2014
Claudio Carina CV 2014Claudio Carina CV 2014
Claudio Carina CV 2014
Claudio Carina
 
Questão4 b [gv2015]-economia discursiva ]
Questão4 b [gv2015]-economia discursiva ]Questão4 b [gv2015]-economia discursiva ]
Questão4 b [gv2015]-economia discursiva ]
ponce Lponce
 
Spal premeia 7 Maravilhas – Praias de Portugal
Spal premeia 7 Maravilhas – Praias de PortugalSpal premeia 7 Maravilhas – Praias de Portugal
Spal premeia 7 Maravilhas – Praias de Portugal
7 Maravilhas
 
Feliz ano novo de progressão. por amanda artioli
Feliz ano novo de progressão. por amanda artioliFeliz ano novo de progressão. por amanda artioli
Feliz ano novo de progressão. por amanda artioli
Amanda Artioli
 
Prot. 3027 14 pl dá nova redação ao artigo 5º da lei nº 2.881-93, alterado ...
Prot. 3027 14   pl dá nova redação ao artigo 5º da lei nº 2.881-93, alterado ...Prot. 3027 14   pl dá nova redação ao artigo 5º da lei nº 2.881-93, alterado ...
Prot. 3027 14 pl dá nova redação ao artigo 5º da lei nº 2.881-93, alterado ...
Ramon Peyroton
 

Destacado (20)

Claudio Carina CV 2014
Claudio Carina CV 2014Claudio Carina CV 2014
Claudio Carina CV 2014
 
tarea1
tarea1tarea1
tarea1
 
Questão4 b [gv2015]-economia discursiva ]
Questão4 b [gv2015]-economia discursiva ]Questão4 b [gv2015]-economia discursiva ]
Questão4 b [gv2015]-economia discursiva ]
 
Quero aprender desenho mas tenho dúvidas
Quero aprender desenho mas tenho dúvidasQuero aprender desenho mas tenho dúvidas
Quero aprender desenho mas tenho dúvidas
 
Almonte solidario
Almonte solidarioAlmonte solidario
Almonte solidario
 
2.1 qué sei dos bebés
2.1 qué sei dos bebés2.1 qué sei dos bebés
2.1 qué sei dos bebés
 
Spal premeia 7 Maravilhas – Praias de Portugal
Spal premeia 7 Maravilhas – Praias de PortugalSpal premeia 7 Maravilhas – Praias de Portugal
Spal premeia 7 Maravilhas – Praias de Portugal
 
Trabajo diapositivas terminado
Trabajo diapositivas terminadoTrabajo diapositivas terminado
Trabajo diapositivas terminado
 
Folheto
FolhetoFolheto
Folheto
 
Feliz ano novo de progressão. por amanda artioli
Feliz ano novo de progressão. por amanda artioliFeliz ano novo de progressão. por amanda artioli
Feliz ano novo de progressão. por amanda artioli
 
Aula 1 enfermagem ao adulto
Aula 1 enfermagem ao adultoAula 1 enfermagem ao adulto
Aula 1 enfermagem ao adulto
 
Riesgos de higiene industrial de una empresa
Riesgos de higiene industrial de una empresa Riesgos de higiene industrial de una empresa
Riesgos de higiene industrial de una empresa
 
De verdad
De verdadDe verdad
De verdad
 
Apresentação1 festa cópia
Apresentação1 festa   cópiaApresentação1 festa   cópia
Apresentação1 festa cópia
 
doc20160524222800
doc20160524222800doc20160524222800
doc20160524222800
 
Info frases
Info frasesInfo frases
Info frases
 
Menú semanal tABLA
Menú semanal tABLAMenú semanal tABLA
Menú semanal tABLA
 
Prot. 3027 14 pl dá nova redação ao artigo 5º da lei nº 2.881-93, alterado ...
Prot. 3027 14   pl dá nova redação ao artigo 5º da lei nº 2.881-93, alterado ...Prot. 3027 14   pl dá nova redação ao artigo 5º da lei nº 2.881-93, alterado ...
Prot. 3027 14 pl dá nova redação ao artigo 5º da lei nº 2.881-93, alterado ...
 
Maria diapositiva de excel
Maria diapositiva de excelMaria diapositiva de excel
Maria diapositiva de excel
 
Productos y servicios 1
Productos y servicios 1Productos y servicios 1
Productos y servicios 1
 

Similar a LabMM3 - Exercício de revi

Prática da disciplina de laboratório de conversão de energia
Prática da disciplina de laboratório de conversão de energiaPrática da disciplina de laboratório de conversão de energia
Prática da disciplina de laboratório de conversão de energia
Heitor Galvão
 
02 JAVAEstrutura sequencial (slides).pptx
02 JAVAEstrutura sequencial (slides).pptx02 JAVAEstrutura sequencial (slides).pptx
02 JAVAEstrutura sequencial (slides).pptx
william Sarti José
 
Geração de código linguagem c
Geração de código   linguagem cGeração de código   linguagem c
Geração de código linguagem c
Jefferson Bessa
 
Aop Aspect J 1.5.4 Capitulo 02
Aop Aspect J 1.5.4 Capitulo 02Aop Aspect J 1.5.4 Capitulo 02
Aop Aspect J 1.5.4 Capitulo 02
Diego Pacheco
 
Aop Aspect J 1.5.4 Capitulo 04
Aop Aspect J 1.5.4 Capitulo 04Aop Aspect J 1.5.4 Capitulo 04
Aop Aspect J 1.5.4 Capitulo 04
Diego Pacheco
 

Similar a LabMM3 - Exercício de revi (20)

Controle lpt em_c_sharp
Controle lpt em_c_sharpControle lpt em_c_sharp
Controle lpt em_c_sharp
 
Prática da disciplina de laboratório de conversão de energia
Prática da disciplina de laboratório de conversão de energiaPrática da disciplina de laboratório de conversão de energia
Prática da disciplina de laboratório de conversão de energia
 
02 JAVAEstrutura sequencial (slides).pptx
02 JAVAEstrutura sequencial (slides).pptx02 JAVAEstrutura sequencial (slides).pptx
02 JAVAEstrutura sequencial (slides).pptx
 
Java - Primeiros passos
Java - Primeiros passosJava - Primeiros passos
Java - Primeiros passos
 
4-Introducao programacao-convertido.pptx
4-Introducao programacao-convertido.pptx4-Introducao programacao-convertido.pptx
4-Introducao programacao-convertido.pptx
 
Apostila c
Apostila cApostila c
Apostila c
 
Exercícios da Aula de LAB 01
Exercícios da Aula de LAB 01Exercícios da Aula de LAB 01
Exercícios da Aula de LAB 01
 
Geração de código linguagem c
Geração de código   linguagem cGeração de código   linguagem c
Geração de código linguagem c
 
Ac16 conjunto de instruções v2
Ac16   conjunto de instruções v2Ac16   conjunto de instruções v2
Ac16 conjunto de instruções v2
 
Java Comunicação Serial
Java Comunicação SerialJava Comunicação Serial
Java Comunicação Serial
 
Aop Aspect J 1.5.4 Capitulo 02
Aop Aspect J 1.5.4 Capitulo 02Aop Aspect J 1.5.4 Capitulo 02
Aop Aspect J 1.5.4 Capitulo 02
 
Aula02_Vars_Ident_Ent_Saida_Algoritmos.pptx
Aula02_Vars_Ident_Ent_Saida_Algoritmos.pptxAula02_Vars_Ident_Ent_Saida_Algoritmos.pptx
Aula02_Vars_Ident_Ent_Saida_Algoritmos.pptx
 
Rs logix 5000
Rs logix 5000Rs logix 5000
Rs logix 5000
 
ODI Series - Importar Arquivos Texto para Tabelas
ODI Series - Importar Arquivos Texto para TabelasODI Series - Importar Arquivos Texto para Tabelas
ODI Series - Importar Arquivos Texto para Tabelas
 
Microcontroladores PIC.pptx
Microcontroladores PIC.pptxMicrocontroladores PIC.pptx
Microcontroladores PIC.pptx
 
Codificação segura em C para sistemas embarcados
Codificação segura em C para sistemas embarcadosCodificação segura em C para sistemas embarcados
Codificação segura em C para sistemas embarcados
 
Aop Aspect J 1.5.4 Capitulo 04
Aop Aspect J 1.5.4 Capitulo 04Aop Aspect J 1.5.4 Capitulo 04
Aop Aspect J 1.5.4 Capitulo 04
 
04_Introducao_JavaScript.pdf
04_Introducao_JavaScript.pdf04_Introducao_JavaScript.pdf
04_Introducao_JavaScript.pdf
 
Programação de Kits Lego NXT usando Linguagem Gráfica Nativa (ou NXT-G)
Programação de Kits Lego NXT usando Linguagem Gráfica Nativa (ou NXT-G)Programação de Kits Lego NXT usando Linguagem Gráfica Nativa (ou NXT-G)
Programação de Kits Lego NXT usando Linguagem Gráfica Nativa (ou NXT-G)
 
Java script
Java scriptJava script
Java script
 

Más de Carlos Santos

AVILA Crew – Uma experiência de tutoria de alunos para alunos
AVILA Crew – Uma experiência de tutoria de alunos para alunosAVILA Crew – Uma experiência de tutoria de alunos para alunos
AVILA Crew – Uma experiência de tutoria de alunos para alunos
Carlos Santos
 
SAPO Campus: Gamification em contexto educativo
SAPO Campus: Gamification em contexto educativoSAPO Campus: Gamification em contexto educativo
SAPO Campus: Gamification em contexto educativo
Carlos Santos
 
T20_LM3: APIs e Scoreoid
T20_LM3: APIs e ScoreoidT20_LM3: APIs e Scoreoid
T20_LM3: APIs e Scoreoid
Carlos Santos
 
T19_LM3: Projeto final e documentação de planificação
T19_LM3: Projeto final e documentação de planificaçãoT19_LM3: Projeto final e documentação de planificação
T19_LM3: Projeto final e documentação de planificação
Carlos Santos
 
T17_LM3: Erros/Debug (2013-2014)
T17_LM3: Erros/Debug (2013-2014)T17_LM3: Erros/Debug (2013-2014)
T17_LM3: Erros/Debug (2013-2014)
Carlos Santos
 

Más de Carlos Santos (20)

Is AI the Spice of our future?
Is AI the Spice of our future?Is AI the Spice of our future?
Is AI the Spice of our future?
 
Mentoria entre pares de estudantes para estudantes
Mentoria entre pares de estudantes para estudantesMentoria entre pares de estudantes para estudantes
Mentoria entre pares de estudantes para estudantes
 
1º Encontro Científico TCEdu
1º Encontro Científico TCEdu1º Encontro Científico TCEdu
1º Encontro Científico TCEdu
 
Tecnologias da Comunicação em Educação 2018: Aula inicial
Tecnologias da Comunicação em Educação 2018: Aula inicialTecnologias da Comunicação em Educação 2018: Aula inicial
Tecnologias da Comunicação em Educação 2018: Aula inicial
 
AVILA Crew - Uma experiência de tutoria (com jogos) de alunos para alunos
AVILA Crew - Uma experiência de tutoria (com jogos) de alunos para alunosAVILA Crew - Uma experiência de tutoria (com jogos) de alunos para alunos
AVILA Crew - Uma experiência de tutoria (com jogos) de alunos para alunos
 
AVILA Crew – Uma experiência de tutoria de alunos para alunos
AVILA Crew – Uma experiência de tutoria de alunos para alunosAVILA Crew – Uma experiência de tutoria de alunos para alunos
AVILA Crew – Uma experiência de tutoria de alunos para alunos
 
chmod 777 education
chmod 777 educationchmod 777 education
chmod 777 education
 
Mestrado em Comunicação Multimédia da Universidade de Aveiro - Sessão de acol...
Mestrado em Comunicação Multimédia da Universidade de Aveiro - Sessão de acol...Mestrado em Comunicação Multimédia da Universidade de Aveiro - Sessão de acol...
Mestrado em Comunicação Multimédia da Universidade de Aveiro - Sessão de acol...
 
Tecnologias da Comunicação em Educação: trabalho prático
Tecnologias da Comunicação em Educação: trabalho práticoTecnologias da Comunicação em Educação: trabalho prático
Tecnologias da Comunicação em Educação: trabalho prático
 
Sessão de acolhimento do MCMM da Universidade de Aveiro (2016/2017)
Sessão de acolhimento do MCMM da Universidade de Aveiro (2016/2017)Sessão de acolhimento do MCMM da Universidade de Aveiro (2016/2017)
Sessão de acolhimento do MCMM da Universidade de Aveiro (2016/2017)
 
chmod 777 education
chmod 777 educationchmod 777 education
chmod 777 education
 
SAPO Campus towards a
 Smart Learning Environment
SAPO Campus towards a
 Smart Learning EnvironmentSAPO Campus towards a
 Smart Learning Environment
SAPO Campus towards a
 Smart Learning Environment
 
Repensar a tecnologia em contexto educativo: o caso do SAPO Campus
Repensar a tecnologia em contexto educativo: o caso do SAPO CampusRepensar a tecnologia em contexto educativo: o caso do SAPO Campus
Repensar a tecnologia em contexto educativo: o caso do SAPO Campus
 
A technological approach to Open and Social Learning: 
the SAPO Campus project
A technological approach to Open and Social Learning: 
the SAPO Campus projectA technological approach to Open and Social Learning: 
the SAPO Campus project
A technological approach to Open and Social Learning: 
the SAPO Campus project
 
SAPO Campus: Gamification em contexto educativo
SAPO Campus: Gamification em contexto educativoSAPO Campus: Gamification em contexto educativo
SAPO Campus: Gamification em contexto educativo
 
Repensar a tecnologia em contextos educativos: o SAPO Campus no DeCA
Repensar a tecnologia em contextos educativos: o SAPO Campus no DeCARepensar a tecnologia em contextos educativos: o SAPO Campus no DeCA
Repensar a tecnologia em contextos educativos: o SAPO Campus no DeCA
 
T20_LM3: APIs e Scoreoid
T20_LM3: APIs e ScoreoidT20_LM3: APIs e Scoreoid
T20_LM3: APIs e Scoreoid
 
T19_LM3: Projeto final e documentação de planificação
T19_LM3: Projeto final e documentação de planificaçãoT19_LM3: Projeto final e documentação de planificação
T19_LM3: Projeto final e documentação de planificação
 
T18_LM3: Ajax
T18_LM3: AjaxT18_LM3: Ajax
T18_LM3: Ajax
 
T17_LM3: Erros/Debug (2013-2014)
T17_LM3: Erros/Debug (2013-2014)T17_LM3: Erros/Debug (2013-2014)
T17_LM3: Erros/Debug (2013-2014)
 

LabMM3 - Exercício de revi

  • 1. LABMM 3 (2012-2013) NTC | UA Input e output em JavaScript Objectivo Este exercício tem como objectivo recordar os mecanismos básicos de input e output de informação em JavaScript, realizando uma avaliação inicial dos seus conhecimentos de JavaScript. Pretende-se que seja realizado individualmente fora das aulas T e P. Dúvidas serão esclarecidas na próxima aula OT. Código base O código seguinte pode ser utilizado como base para a resolução dos desafios apresentados de seguida: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Input e Output em JavaScript</title> </head> <body> <!-- Área de input --> <div id="input"> 6 </div> <!-- Área de output --> <div id="output"> <script type="text/javascript"> </script> </div> </body> </html> Desafios Complete o código anterior de modo a obter os seguintes resultados: 1. Escrever na área de output o valor inserido na área de input. Verifique a solução alterando o valor de input. 2. Escrever na área de output o quadrado do valor inserido na área de input. Não esquecer que antes de calcular o quadrado (valor * valor) é necessário converter o texto para número com o método: parseInt(valor). 3. Escrever código na área de input para que o valor de input varie aleatoriamente entre 1 e 9. 4. Repetir todos os passos anteriores mas alterar o HTML de modo a incluir na área de input um formulário com um campo de texto. O valor de input passa a ser inserido nesse campo de texto. Observações Qualquer erro obtido deve ser verificado recorrendo à consola do browser. Habitua-te desde já a utilizar essa ferramenta indispensável a qualquer programador de JavaScript! PÁGINA 1 DE 1