SlideShare uma empresa Scribd logo
1 de 1
Baixar para ler offline
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

Mais conteúdo relacionado

Destaque

Claudio Carina CV 2014
Claudio Carina CV 2014Claudio Carina CV 2014
Claudio Carina CV 2014Claudio 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
 
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úvidasJoe Pinheiro
 
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 Portugal7 Maravilhas
 
Trabajo diapositivas terminado
Trabajo diapositivas terminadoTrabajo diapositivas terminado
Trabajo diapositivas terminadouda2015
 
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 artioliAmanda Artioli
 
Aula 1 enfermagem ao adulto
Aula 1 enfermagem ao adultoAula 1 enfermagem ao adulto
Aula 1 enfermagem ao adultoHelena Spf
 
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 Paola Penagos Cortes
 
Apresentação1 festa cópia
Apresentação1 festa   cópiaApresentação1 festa   cópia
Apresentação1 festa cópiaEduardo Passos
 
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
 
Productos y servicios 1
Productos y servicios 1Productos y servicios 1
Productos y servicios 1milokiller1
 

Destaque (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
 

Semelhante a LabMM3 - Exercício de revi

Controle lpt em_c_sharp
Controle lpt em_c_sharpControle lpt em_c_sharp
Controle lpt em_c_sharpTiago
 
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 energiaHeitor Galvão
 
02 JAVAEstrutura sequencial (slides).pptx
02 JAVAEstrutura sequencial (slides).pptx02 JAVAEstrutura sequencial (slides).pptx
02 JAVAEstrutura sequencial (slides).pptxwilliam Sarti José
 
4-Introducao programacao-convertido.pptx
4-Introducao programacao-convertido.pptx4-Introducao programacao-convertido.pptx
4-Introducao programacao-convertido.pptxPatrícia Melo
 
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 01thomasdacosta
 
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 cJefferson Bessa
 
Java Comunicação Serial
Java Comunicação SerialJava Comunicação Serial
Java Comunicação SerialAndrei Bastos
 
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 02Diego Pacheco
 
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.pptxaronoliveira3
 
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 TabelasCaio Lima
 
Microcontroladores PIC.pptx
Microcontroladores PIC.pptxMicrocontroladores PIC.pptx
Microcontroladores PIC.pptxfmtpereira
 
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 embarcadoshenriqueprossi
 
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 04Diego Pacheco
 
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)Fernando Passold
 

Semelhante 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
 

Mais de Carlos Santos

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?Carlos Santos
 
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 estudantesCarlos Santos
 
1º Encontro Científico TCEdu
1º Encontro Científico TCEdu1º Encontro Científico TCEdu
1º Encontro Científico TCEduCarlos Santos
 
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 inicialCarlos Santos
 
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 alunosCarlos 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 alunosCarlos Santos
 
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...Carlos Santos
 
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áticoCarlos Santos
 
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)Carlos Santos
 
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 EnvironmentCarlos Santos
 
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 CampusCarlos Santos
 
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 projectCarlos Santos
 
SAPO Campus: Gamification em contexto educativo
SAPO Campus: Gamification em contexto educativoSAPO Campus: Gamification em contexto educativo
SAPO Campus: Gamification em contexto educativoCarlos Santos
 
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 DeCACarlos Santos
 
T20_LM3: APIs e Scoreoid
T20_LM3: APIs e ScoreoidT20_LM3: APIs e Scoreoid
T20_LM3: APIs e ScoreoidCarlos 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çãoCarlos 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
 

Mais 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