10 Java Script - Exemplos práticos
16,688 views
15 slides
Oct 16, 2015
Slide 1 of 15
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
About This Presentation
10 Java Script - Exemplos práticos
Slide Content
Páginas Web com: HTML, CSS e JavaScript Profª . Marlene da Silva Maximiano de Oliveira & Profª . Alessandra Aparecida da Silva
Treinando JavaScript Exemplos práticos
O Código JavaScript fica Entre o <script> e o </script>. Ficaremos com a seguinte estrutura: <html> <head> <title> JavaScript - Exemplo 1 </title> </head> <body> <script> alert(" Olá !") </script> </body> </html>
Exemplo com Prompt < html > < head > < title > JavaScript - Exemplo 2 </ title > </ head > < body > <script> nome= prompt ("Digite seu nome: ","") document.write ("Olá " + nome + " Seja Bem Vindo(a)!") </script> </ body > </ html >
Exemplo com Calculo <html> <head> <title> JavaScript - Exemplo 3 </title> </head> <body> <script> a = 2 b = 9 c = a + b document.write ("A soma de: " + a + " + " + b + " é : " + c) </script> </body> </html>
Calculo com Eval ( Prompt ) < html > < head > < title > JavaScript - Exemplo 4 </ title > </ head > < body > <script> a = eval ( prompt ("Digite um valor para a: ","")) b = eval ( prompt ("Digite um valor para b: ","")) c = a + b alert (a + " + " + b + " = " + c) </script> </ body > </ html >
Exemplo com if < html > < head > < title > JavaScript - exemplo 5 </ title > </ head > < body > <script> Nota = 10 if (Nota == 10) { alert ("É verdade. Ele tirou 10") } </script> </ body > </ html >
Exemplo com if else < html > < head > < title > JavaScript - exemplo 6 </ title > </ head > < body > <script> Nota = eval ( prompt ("Digite a nota: " ,"")) if (Nota == 10) { alert ("É verdade. Ele tirou 10!") } else { alert ("Não é verdade. Ele não tirou 10") } </script> </ body > </ html >
Exemplo com if else encadeadas <html> <head> <title> JavaScript - exemplo 7 </title> </head> <body> <script> Nota = eval (prompt(" Digite a nota: "," ")) if (Nota >=7) { alert(" Aprovado ") } else if (Nota < 4) { alert(" Reprovado ") } else { alert(" Recuperação ") } </script> </body> </html>
Exemplo com if < html > < head > < title > JavaScript - exemplo 8 </ title > </ head > < body > <script> numero = eval ( prompt ("Digite um valor","")) if (numero%2==0) { alert (numero + " é par") } else { alert (numero + " é impar") } </script> </ body > </ html >
Exemplo com switch < html > < head > < title > JavaScript - exemplo 9 </ title ></ head > < body > <script> farol = prompt ("Digite a cor do farol","") switch (farol) { case "vermelho": alert ("Pare") break case "amarelo": alert (" Atencao ") break case "verde": alert ("Prossiga") break default: alert ("Cor ilegal") } </script> </ body > </ html > Atenção, não esqueça do break! Sempre inclua um default. Se todas as condições anteriores forem falsas, o switch entrará no default.
2º Exemplo com switch < html > < head > < title > JavaScript - exemplo 10 </ title > </ head > < body > <script> letra = prompt ("Digite o caracter : ", "") switch (letra) { case "a": case "e": case "i": case "o": case "u": alert ("Vogal") break default: alert ("Outro caracter ") } </script> </ body > </ html >
Exemplo com for <html> <head> <title> JavaScript - Exemplo 11 </title> </head> <body> <script> for ( i = 0; i < 10; i ++) { a lert ( i ) } </script> </body> </html> Usa-se o for quando se quer que um trecho de código se repita n vezes. document.write ( i + "< br >")
Exemplo com While <html> <body> <script> numero = 0 while ( numero < 5) { alert( numero ) numero ++ } </script> </body> </html> Usa-se o while quando se quer que um trecho de código se repita n vezes, com condicional bem simples. document.write ( numero + "< br >")
Exemplo com do while < html > < body > <script> numero = 0 do { alert (numero) numero ++ } while (numero < 4) </script> </ body > </ html > Usa-se o do while quando se quer que um trecho de código se repita n vezes, mas executa o bloco de código antes da verificação da condição. document.write ( numero + "< br >")
Tags
Categories
EducationDownload
Download Slideshow Get the original presentation fileQuick Actions
Statistics
- Views 16,688
- Slides 15
- Favorites 3
- Age 3701 days
Related Slideshows
11
TLE-9-Prepare-Salad-and-Dressing.pptxkkk
MaAngelicaCanceran
32 views
12
LESSON 1 ABOUT MEDIA AND INFORMATION.pptx
JojitGueta
27 views
60
GRADE-8-AQUACULTURE-WEEKQ1.pdfdfawgwyrsewru
MaAngelicaCanceran
42 views
26
Feelings PP Game FOR CHILDREN IN ELEMENTARY SCHOOL.pptx
KaistaGlow
42 views
![Jeopardy_Figures_of_Speech_Template.pptx [Autosaved].pptx](https://slidepub.com/thumb/5828/284015828.jpg)
54
Jeopardy_Figures_of_Speech_Template.pptx [Autosaved].pptx
acecamero20
25 views
7
Jeopardy_Figures_of_Speech.pptxvdsvdsvsdvsd
acecamero20
26 views