Scribd
Carregar
4 visualizações

Java escript

O documento fornece uma introdução ao JavaScript, incluindo conceitos básicos como variáveis, tipos de dados, operadores e manipulação do DOM. Ele também aborda a sintaxe para comentários, declaração de variáveis e funções de entrada/saída, além de exemplos práticos de código. O conteúdo é voltado para iniciantes que desejam aprender a programar em JavaScript.

Enviado por

ph7449
Direitos autorais
© © All Rights Reserved
Formatos disponíveis
Baixe no formato DOCX, PDF, TXT ou leia on-line no Scribd
4 visualizações

Java escript

O documento fornece uma introdução ao JavaScript, incluindo conceitos básicos como variáveis, tipos de dados, operadores e manipulação do DOM. Ele também aborda a sintaxe para comentários, declaração de variáveis e funções de entrada/saída, além de exemplos práticos de código. O conteúdo é voltado para iniciantes que desejam aprender a programar em JavaScript.

Enviado por

ph7449
Direitos autorais
© © All Rights Reserved
Formatos disponíveis
Baixe no formato DOCX, PDF, TXT ou leia on-line no Scribd
Você está na página 1/ 6

Java escript

1 passo .

Livros 2

Java script p guia definitivo

Java script guia do programador

Primeiro passo para estudar

Head > cabeça , ode fica a patê de estilos <style> titutulos <title>

Body> onde fica os texto e imagem do usuário

Script > Ode fica a programação dos java

Comando usado por java script

window.alert: manda um comando de alerta para o usuário


window.confirm : janela com o botão okay ou cancelar
window.prompt : abre uma caixa de pergunta
// uma linha de comentário
/* mais de uma linha de comentário */
= recebe
Null : anula

Variáveis : Variável é o nome utilizado para definir um ou mais valores


Quarda as informações tipo n1 = 2 slot

Identificadores :
Podem começar com Letra , $ ou _

Não pode começar com numero

É possível começar com letra e números

Não pode conter espaços

Não pode ser palavras reservadas tipo var pois já é uma palavar do javaS

Variáveis tipos de dados :

Number: inteiro e real

Strin : cadeias de caracteris : nome numero que compõe pontos traço ou virgula

Boolean

True e false

Typoef

Tipode de variável
Variável numero primitivos

Comentário

A sintaxe dos comentários em JavaScript é semelhante a em C++ e em muitas outras


linguagens

// comentário de uma linha

/* isto é um comentário longo

de múltiplas linhas.

*/

/* Você não pode, porém, /* aninhar comentários */ SyntaxError */

Para declarar uma variável existe três tipos de forma ( Var , let e const ) sendo que cada uma
possui sua particularidade

Conversão de string para numero a três forma

Number.parseInt(n) ele converte numero inteiro

Number.parseFloat(n) ele converte para numero real

Number(n)

var n1 = Number.parseInt (window.prompt('digite um numero: '))


var n2 = Number.parseInt( window.prompt('digite outro nuemro:
'))
var s = n1 + n2
window.alert('A soma dos valore é ' + s)

var n1 = Number.parseFloat (window.prompt('digite um numero: '))


var n2 = Number.parseFloat( window.prompt('digite outro
nuemro: '))
var s = n1 + n2
window.alert('A soma dos valore é ' + s)
</script>

ar n1 = Number(window.prompt('digite um numero: '))


var n2 = Number( window.prompt('digite outro nuemro: '))
var s = n1 + n2
window.alert('A soma dos valore é ' + s)

https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide/
Grammar_and_Types#Variable_scope

CONCATENAR, umas das funções de texto, para unir duas ou mais cadeias de
texto em uma única cadeia

' o aluno ' + nome + ' com ' + ' anos tirou a nota ' + nota

' o aluno pedro com anos tirou a nota 7'

` O aluno &{nome} com ${idade} tirou a nota ${nota}`

' O aluno &{nome} com 30 tirou a nota 7

A crase é importante nesse tipo de concatenar

CONCATENAR

window.alert('A soma dos valore é ' + s)

template string é a forma de concatenar mais organozado

window.alert( ´A soma entre ${n1} e ${n2} é igual a ${s}´ )

no javaescrip da para formatar as letras em forma de maiúsculas e minúsculas

${nome.toUpperCase()}
${nome.toLowerCase()}

Operadores

Aritimetico

Atribuição

Relacionais

Logico

Ternario

https://www.freecodecamp.org/portuguese/news/40-projetos-em-javascript-para-
iniciantes-ideias-simples-para-comecar-a-programar-em-js/#como-criar-um-trocador-de-
cores projeto criar
A precedência de operadores determina a ordem em que os operadores são
processados. Operadores com maior precedência são processados primeiro.

()

**

*/ %

+-

Auto atribuição

N=3

N = N+ 4 7

N = N -5 2

N= N* 4 8

N=N/2 4

N=N**2 16

N= N % 5 1

Simplificado

N = N + 4 pode sem simplificado como N +=4

Incremento

Aumenta ou diminui N++ exemplo N=10 N++ vai ser igual a 11

Operadores relacionais

5 > 2 -- true “ verdadeiro

7 < 4 - false “ falso”

8 >= 8  true

9 <= 7  false

5 == 5  true

4 != 4 - false

Operadores logico

! negação “não”

&& conjunção “E”


|| disjunção “OU”

Ordem da precedência

() ** / primeiro lugar aritmético

> < >= segundo operadores relacionais

! && || terceiro operadores lógicos

Operador ternário

? :

Test ? true : false

iguais ( = )
Não igual ( != )
Estritamente iguais (===)
Estritamente não igual (!==)

DOM (Document Object Model)

O Modelo de Objeto de Documento (DOM) é uma interface de programação para


documentos HTML, XML e SVG . Ele fornece uma representação estruturada do
documento como uma árvore. O DOM define métodos que permitem acesso à árvore,
para que eles possam alterar a estrutura, estilo e conteúdo do documento.
Quais métodos podemos usar?
(Document Object Model)

Mostramos como você pode usar os seguintes métodos


para encontrar um ou mais elementos em sua página
web:

 document.getElementById(id)

 document.getElementsByClassName(className)

 document.getElementsByTagName(tagName)

 document.querySelector(cssSelector)

 document.querySelectorAll(cssSelector)

venetos DOM “ quando conseguimos mudar a caraterística , da pra fazer o evento tanto no
HTM como no Javascript

HTM “ declaramos uma <DIV> com variável e conseguimos por as característica do evento .
Onclick , onmouseenter onmouseout

<body>
<div id="area" onclick="clicar()" onmouseenter="entrar()"
onmouseout="sair()">
intereja...

</div>
<script>
var a = window.document.getElementById('area')
function clicar() {
a.innerText = 'clicou!'
a.style.background ='red'
}
function entrar() {
a.innerText = 'saiu!'
}
function sair() {
a.innerText = 'saiu!'
a.style.background = 'green'
}

Você também pode gostar