Tecnologias para Internet
Prof.º Thyago Maia
Gestão da TI – 2015.2
Objetivos
Aula 6: Javascript
• Introduzir a Linguagem Javascript
• Apresentar alguns conceitos básicos da
linguagem
• Faze...
Javascript
Javascript
 É uma linguagem de programação script;
 Permite que códigos de programação
possam ser inseridos em páginas H...
A TAG <script>
A TAG <script>
 Para inserir código Javascript em uma
página HTML, utiliza-se o conjunto de
tags <script></script>;
 Tai...
A TAG <script>
 Exemplo:
7
<html>
<body>
<script>
// Código-fonte Javascript
</script>
</body>
</html>
Exemplos
Exemplo 1
9
<!–- Exemplo -->
<html>
<body>
<script>
function confirmacao() {
confirm("Parabens!");
}
</script>
<button typ...
Exemplo 2
10
<!–- Exemplo -->
<html>
<body>
<script>
function programa() {
var nome = prompt(“Qual o seu nome?”);
confirm(...
Exemplo 3
11
<!–- Exemplo -->
<html>
<body>
<script>
function checa_time() {
var t = document.getElementById("time").value...
Exemplo 4
12
<!–- Exemplo -->
<html>
<body>
<script>
function aumenta() {
document.getElementById("palavra").style.fontSiz...
Exemplo 5
13
<!–- Exemplo -->
<html>
<body>
<script>
function muda() {
document.getElementById("palavra").innerHTML = "LIG...
Exemplo 6
14
<!–- Exemplo -->
<html>
<body>
<script>
function muda() {
document.getElementById("texto2").value = "Surpresa...
Próximos SlideShares
Carregando em…5
×

Tecnologias para Internet - 2015.2 - Aula 6

287 visualizações

Publicada em

Tecnologia para Internet - 2015.2 - Aula 6

Publicada em: Educação
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
287
No SlideShare
0
A partir de incorporações
0
Número de incorporações
3
Ações
Compartilhamentos
0
Downloads
15
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Tecnologias para Internet - 2015.2 - Aula 6

  1. 1. Tecnologias para Internet Prof.º Thyago Maia Gestão da TI – 2015.2
  2. 2. Objetivos Aula 6: Javascript • Introduzir a Linguagem Javascript • Apresentar alguns conceitos básicos da linguagem • Fazer com que o aluno desenvolva seus primeiros scripts 2
  3. 3. Javascript
  4. 4. Javascript  É uma linguagem de programação script;  Permite que códigos de programação possam ser inseridos em páginas HTML;  Pode ser executada por todos os navegadores (browsers) modernos;  Linguagem de programação simples e leve; 4
  5. 5. A TAG <script>
  6. 6. A TAG <script>  Para inserir código Javascript em uma página HTML, utiliza-se o conjunto de tags <script></script>;  Tais TAGs irão delimitar o código-fonte Javascript; 6
  7. 7. A TAG <script>  Exemplo: 7 <html> <body> <script> // Código-fonte Javascript </script> </body> </html>
  8. 8. Exemplos
  9. 9. Exemplo 1 9 <!–- Exemplo --> <html> <body> <script> function confirmacao() { confirm("Parabens!"); } </script> <button type="button" onclick="confirmacao()">Exibir</button> </body> </html>
  10. 10. Exemplo 2 10 <!–- Exemplo --> <html> <body> <script> function programa() { var nome = prompt(“Qual o seu nome?”); confirm(“Seja bem vindo, “ + nome); } </script> <button type="button" onclick=“programa()">Iniciar</button> </body> </html>
  11. 11. Exemplo 3 11 <!–- Exemplo --> <html> <body> <script> function checa_time() { var t = document.getElementById("time").value; if (t == 'Sport') alert("Parabéns!"); else alert("Erro!"); } </script> Time: <input type="text" id="time" /> <button type="button" onclick="checa_time()">Checar</button> </body> </html>
  12. 12. Exemplo 4 12 <!–- Exemplo --> <html> <body> <script> function aumenta() { document.getElementById("palavra").style.fontSize = "60px"; } </script> <div id="palavra">Ola, mundo!!!</div> <button type="button" onclick="aumenta()">Aumenta</button> </body> </html>
  13. 13. Exemplo 5 13 <!–- Exemplo --> <html> <body> <script> function muda() { document.getElementById("palavra").innerHTML = "LIGADO"; } </script> <div id="palavra">DESLIGADO<div> <button type="button" onclick="muda()">Ligar</button> </body> </html>
  14. 14. Exemplo 6 14 <!–- Exemplo --> <html> <body> <script> function muda() { document.getElementById("texto2").value = "Surpresa!"; } </script> <input id="texto1" type="text" onchange="muda()" /><br/> <input id="texto2" type="text" /> </body> </html>

×