Desbloqueio de JavaScript: conceitos básicos e além

Jayanta Sarkar, Behind the Code: Jayanta Sarkar

Tenha acesso ilimitado a todos os cursos

Oferecidos por líderes do setor e profissionais do mercado

Os temas incluem ilustração, design, fotografia e muito mais

Tenha acesso ilimitado a todos os cursos

Oferecidos por líderes do setor e profissionais do mercado

Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

- 1.
  
  Introdução do curso
  
  3:12
- 2.
  
  Tutorial de implementação de JavaScript
  
  7:15
- 3.
  
  Adicionar tags Html no tutorial de JavaScript
  
  2:08
- 4.
  
  Tutorial de comentários em JavaScript
  
  2:53
- 5.
  
  Tutorial de variáveis em JavaScript
  
  8:32
- 6.
  
  Variáveis de JavaScript (Let & Const) Tutorial
  
  4:54
- 7.
  
  Tutorial de tipos de dados em JavaScript
  
  7:49
- 8.
  
  Tutorial de operadores aritméticos em JavaScript
  
  8:17
- 9.
  
  Tutorial de operadores de repartição em JavaScript
  
  4:50
- 10.
  
  JavaScript com o Google Chrome Console Tutorial, parte 1
  
  5:13
- 11.
  
  JavaScript com o Google Chrome Console Tutorial, parte 2
  
  4:20
- 12.
  
  Tutorial de operadores de comparação de JavaScript
  
  6:53
- 13.
  
  Tutorial de declaração de JavaScript
  
  5:26
- 14.
  
  Tutorial de operadores lógicos de JavaScript
  
  6:31
- 15.
  
  Tutorial de declaração de JavaScript If Else
  
  5:08
- 16.
  
  Tutorial de JavaScript if else
  
  7:10
- 17.
  
  Tutorial de operador ternário condicional de JavaScript
  
  5:41
- 18.
  
  Tutorial de caso de comutação de JavaScript
  
  8:41
- 19.
  
  Tutorial de caixa de alerta de JavaScript
  
  3:55
- 20.
  
  Tutorial de confirmação de caixa de JavaScript
  
  3:44
- 21.
  
  Tutorial de caixa de prompt de JavaScript
  
  3:40
- 22.
  
  Tutorial de funções de JavaScript
  
  6:06
- 23.
  
  Funções de JavaScript com parâmetros
  
  7:58
- 24.
  
  Funções de JavaScript com tutorial de valor de retorno
  
  7:08
- 25.
  
  Tutorial de variável global e local de JavaScript
  
  3:42
- 26.
  
  Tutorial de eventos em JavaScript
  
  9:56
- 27.
  
  Tutorial de JavaScript em loop
  
  10:45
- 28.
  
  Tutorial de JavaScript do While Loop
  
  4:34
- 29.
  
  Tutorial de JavaScript para loop
  
  3:03
- 30.
  
  Tutorial de declaração de quebra e continuação de JavaScript
  
  3:19
- 31.
  
  JavaScript Encontrar números pares e ímpares com loops
  
  3:17
- 32.
  
  Tutorial de loop aninhado de JavaScript
  
  10:27
- 33.
  
  Arrays de JavaScript
  
  8:55
- 34.
  
  Tutorial do método de criação de matrizes II
  
  6:09
- 35.
  
  Introdução de matrizes multidimensionais
  
  6:00
- 36.
  
  Arrays multidimensionais com aninhado
  
  3:12
- 37.
  
  Tutorial de modificação de JavaScript e exclusão de elementos de matriz
  
  3:04
- 38.
  
  Classificação de matriz JavaScript e tutorial reverso
  
  3:33
- 39.
  
  Tutorial de matriz pop e push em JavaScript
  
  2:38
- 40.
  
  Tutorial de deslocamento de matriz em JavaScript e Unshift
  
  2:18
- 41.
  
  Tutorial de matriz JavaScript Concat e junção
  
  6:05
- 42.
  
  Tutorial de fatia e emenda de matriz em JavaScript
  
  6:53
- 43.
  
  JavaScript isArray Tutorial
  
  3:24
- 44.
  
  JavaScript Array indexOf e lastIndexOf Tutorial
  
  5:56
- 45.
  
  Matriz JavaScript inclui tutorial de método
  
  2:46
- 46.
  
  JavaScript Array alguns e todos os métodos Tutorial
  
  5:14
- 47.
  
  Tutorial de matriz JavaScript find e findIndex
  
  2:58
- 48.
  
  Tutorial de filtro de matriz de JavaScript
  
  1:54
- 49.
  
  Matriz JavaScript paraMétodos de Corda, valorde e preenchimento
  
  2:44
- 50.
  
  Tutorial de JavaScript forEach Loop
  
  4:46
- 51.
  
  Tutorial de objetos em JavaScript
  
  9:34
- 52.
  
  Tutorial de objetos em JavaScript II
  
  3:39
- 53.
  
  Tutorial de matriz de objetos em JavaScript
  
  4:32
- 54.
  
  Variável de Const JavaScript com matriz e objetos
  
  3:38
- 55.
  
  Tutorial de JavaScript para em loop
  
  4:20
- 56.
  
  Tutorial do método de mapa JavaScript
  
  5:55
- 57.
  
  Tutorial de métodos de cordas JavaScript, parte 1
  
  8:34
- 58.
  
  Tutorial de métodos de cordas JavaScript, parte 2
  
  7:39
- 59.
  
  Tutorial de métodos de cordas em JavaScript, parte 3
  
  8:31
- 60.
  
  Tutorial de métodos de número em JavaScript
  
  8:08
- 61.
  
  Tutorial de métodos matemáticos em JavaScript
  
  10:34
- 62.
  
  Tutorial de métodos de data em JavaScript
  
  7:34
- 63.
  
  Tutorial de introdução de JavaScript DOM
  
  3:34
- 64.
  
  Tutorial de métodos de segmentação de DOM em JavaScript
  
  9:50
- 65.
  
  JavaScript DOM Obter Tutorial de métodos
  
  9:07
- 66.
  
  Tutorial de métodos de conjunto de DOM em JavaScript
  
  9:14
- 67.
  
  JavaScript DOM querySelector e querySelectorAll Tutorial
  
  7:44
- 68.
  
  Tutorial de métodos de estilo JavaScript DOM CSS
  
  13:11
- 69.
  
  Tutorial de método JavaScript addEventListener
  
  8:23
- 70.
  
  Tutorial de método JavaScript addEventListener, parte dois
  
  8:01
- 71.
  
  Tutorial de métodos de JavaScript classList
  
  8:34
- 72.
  
  Tutorial de JavaScript parentElement e método parentNode
  
  8:00
- 73.
  
  Tutorial de métodos JavaScript Children e childNodes
  
  5:25
- 74.
  
  Tutorial de método JavaScript firstChild e lastChild
  
  6:04
- 75.
  
  JavaScript nextSibling e tutorial de método anteriorSibling
  
  5:17
- 76.
  
  Tutorial de JavaScript createElement e createTextNode
  
  5:01
- 77.
  
  JavaScript appendChild e insertBefore Tutorial
  
  6:48
- 78.
  
  JavaScript insertAdjacentElement e insertAdjacentHTML Tutorial
  
  11:21
- 79.
  
  JavaScript replaceChild e removeChild Tutorial
  
  6:33
- 80.
  
  Tutorial de JavaScript cloneNode
  
  5:01
- 81.
  
  JavaScript contém tutorial de método
  
  4:52
- 82.
  
  JavaScript hasAttribute e hasChildNodes Tutorial
  
  4:30
- 83.
  
  JavaScript isEqualNode Tutorial
  
  6:06
- 84.
  
  Tutorial de eventos de formulário em JavaScript
  
  8:54
- 85.
  
  Tutorial de eventos de formulário em JavaScript II
  
  12:22
- 86.
  
  JavaScript setInterval e clearInterval Tutorial
  
  9:29
- 87.
  
  Tutorial de JavaScript setTimeout e clearTimeout
  
  6:38
- 88.
  
  Tutorial de introdução de BOM em JavaScript
  
  2:05
- 89.
  
  Tutorial de altura e largura da janela em JavaScript
  
  6:38
- 90.
  
  Método de janela JavaScript aberto e fechado aprimorado 90p
  
  9:48
- 91.
  
  Janela de JavaScript moveBy e tutorial moveTo aprimorado 90p
  
  5:46
- 92.
  
  JavaScript resizeBy e resizeTo Tutorial aprimorado 90p
  
  3:20
- 93.
  
  JavaScript scrollBy e scrollTo Tutorial aprimorado 90p
  
  5:42
- 94.
  
  Tutorial de objeto de localização em JavaScript aprimorado 90p
  
  10:32
- 95.
  
  Tutorial de objeto de história em JavaScript
  
  11:15
- 96.
  
  JavaScript pageYOffset e pageXOffset Tutorial
  
  6:17
- 97.
  
  JavaScript offsetTop e offsetLeft Tutorial
  
  5:13
- 98.
  
  JavaScript scrollTop e scrollLeft Tutorial
  
  6:59
- 99.
  
  Tutorial de JavaScript scrollWidth e scrollHeight
  
  6:32
- 100.
  
  JavaScript offsetWidth e offsetHeight Tutorial
  
  4:52
- 101.
  
  Cliente JavaScriptWidth e clientHeight Tutorial
  
  2:45
- 102.
  
  Tutorial de JavaScript ClientX e ClientY
  
  4:53
- 103.
  
  Tutorial de JavaScript pageX e pageY
  
  9:39
- 104.
  
  JavaScript screenX e tutorial de screenY
  
  4:32
- 105.
  
  Tutorial de JavaScript offsetX e offsetY
  
  5:43

Nível iniciante

Nível intermediário

Nível avançado

Todos os níveis

Estudantes

Projeto

Sobre este curso

JavaScript é a espinha dorsal do desenvolvimento web moderno, permitindo aos desenvolvedores criar sites dinâmicos, interativos e altamente funcionais. Neste curso abrangente, você vai dominar JavaScript do zero, desbloqueando seus conceitos centrais e explorando técnicas avançadas que vão elevar suas habilidades de desenvolvimento web.

Começando com os fundamentos, você vai ganhar uma compreensão profunda da sintaxe de JavaScript, tipos de dados, operadores e fluxo de controle. A partir daí, você vai passar para tópicos mais avançados, incluindo funções, objetos, matrizes e o Modelo de Objeto de Documento (DOM), dando a você as ferramentas para manipular páginas da web em tempo real. Você também vai mergulhar em funcionalidades poderosas como funções de seta, literais de modelos e módulos ES6+ para escrever código mais limpo e eficiente.

Este curso não para no básico. Você vai explorar as melhores práticas para depuração, manipulação de eventos e trabalho com código assíncrono usando promessas e assíncrono. Você também vai aprender como JavaScript interage com HTML e CSS para criar aplicativos web responsivos e interativos.

Pontos-chave:

Conceitos básicos de JavaScript: variáveis, tipos de dados, operadores, loops e estruturas de controle.
Funções e tópicos avançados: funções, closures, matizes, objetos e protótipos.
Manipulação do Modelo de Objeto de Documento (DOM): interação em tempo real com páginas da web.
ES6 e Beyond: funcionalidades modernas de JavaScript, como funções de seta, literais de modelos e módulos.
JavaScript assíncrono: promessas, assíncronos/esperam e lidando com eventos de forma eficaz.
Depuração e melhores práticas: escreva código limpo, eficiente e sem erros.
Projetos do mundo real: crie aplicativos web interativos e resolva desafios práticos.

Ao final deste curso, você não vai apenas ser proficiente em JavaScript, mas também confiante na aplicação de suas habilidades para resolver desafios do mundo real. Quer você seja um iniciante completo ou queira melhorar seu conhecimento em JavaScript, este curso vai ajudar você a desbloquear todo o potencial do JavaScript para o desenvolvimento web moderno.

Conheça seu professor

Jayanta Sarkar

Behind the Code: Jayanta Sarkar

Professor

Jayanta Sarkar is a dedicated Python programmer and full-stack web developer with a passion for creating dynamic and interactive web applications. With a robust background in both front-end and back-end development, Jayanta excels in building seamless user experiences and efficient, scalable systems.

Over the years, Jayanta has honed his skills in various programming languages and frameworks, making him proficient in technologies such as JavaScript, CSS, HTML, and MySQL. His expertise extends to developing comprehensive solutions that integrate sophisticated database management with intuitive user interfaces.

Jayanta's journey in the tech industry is marked by a continuous drive to learn and adapt to new technologies. He has developed and published several successf... Visualizar o perfil completo

Habilidades relacionadas

Desenvolvimento Linguagens de programação JavaScript Desenvolvimento web

Level: Beginner

Projeto prático de curso

Descrição do projeto do curso: como definir a cor de fundo do parágrafo com JavaScript

Neste projeto de curso prático, você vai aplicar o conhecimento e as habilidades que ganhou no curso para mudar dinamicamente a cor de fundo de um parágrafo usando JavaScript. O objetivo é escrever um programa em JavaScript que permita aos usuários modificar a aparência de um parágrafo definindo sua cor de fundo. Este projeto vai ajudar você a entender como manipular elementos HTML usando JavaScript e trabalhar com propriedades DOM. Aqui está como fazer isso:

Etapas de projeto:

Entenda os requisitos:
- O objetivo é escrever um programa JavaScript que defina a cor de fundo de um elemento de parágrafo específico quando acionado pela interação do usuário, como clicar em um button.
Configure seu ambiente de HTML e JavaScript:
- Crie um arquivo HTML que contenha pelo menos um parágrafo e um button. O tânio vai acionar a mudança de cor de fundo quando clicado.
Escreva o programa JavaScript:
- Em um arquivo JavaScript separado (por exemplo, backgroundColor.js), escreva uma função que altere a cor de fundo do parágrafo.
Aprimore o programa:
- Permitir que o usuário escolha diferentes cores usando uma entrada de seletor de cores ou adicionando mais botões para várias opções de cores.
- Atualize a função JavaScript para aceitar um parâmetro de cores:
Teste seu programa:
- Teste o programa clicando nos botões e observando as mudanças na cor de fundo do parágrafo. Certifique-se de que a funcionalidade funcione para diferentes entradas de cores.
Document seu código:
- Escreva comentários em seu código JavaScript para explicar o processo de seleção do elemento de parágrafo e modificação de sua propriedade de estilo usando manipulação de DOM.
Envio final:
- Compilar todo o seu trabalho em um documento abrangente de palavras. O documento deve incluir seu código HTML e JavaScript, explicações de cada parte e capturas de tela mostrando as mudanças na cor de fundo após cliques de massa.

Instruções de envio:

Código HTML e JavaScript: inclua o código HTML e JavaScript completo com comentários explicando como você usou o DOM para alterar a cor de fundo do parágrafo.
Interação com o usuário: demonstre como as interações do usuário (cliques de massa) desencadeiam a mudança de cores.
Teste: forneça capturas de tela mostrando os estados de antes e depois do parágrafo quando diferentes cores são aplicadas.
Documentação: certifique-se de que todo o código seja bem comentado e as explicações sejam claras.

Benefícios do projeto: concluir este projeto de curso vai capacitar você a:

Entender como usar JavaScript para manipular elementos HTML por meio do DOM.
Ganhe experiência prática trabalhando com propriedades de estilo e manipulação de eventos em JavaScript.
Desenvolva habilidades de resolução de problemas permitindo que a entrada do usuário modifique dinamicamente o conteúdo da página da web.
Aprenda a documentar seu código de forma eficaz, facilitando a compreensão e a manutenção.

Nota do curso

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Introdução do curso: Oi Meu nome é John Shokar e sou o instrutor deste curso Honestamente, é o melhor curso que eu já construí. Agora, por que o JavaScript? Atualmente, o Java Script é a linguagem mais importante em todo o mundo. Mas existem muitos recursos que podem te ensinar JavaScript. Mas muitos deles estão desatualizados. Caso contrário, não está completo. A maioria dos cursos ensina a versão mais antiga do Java Script. Mas neste curso, concluiremos Core Java Script e o Java Script avançado juntos. Com isso, também vou lhe dar questionários, práticas e exercícios Vamos começar o Java Script desde o início e, passo a passo, abordarei todos os conceitos modernos. Então, sem perder muito tempo, vamos ver o que exatamente aprenderemos com este curso Este curso é dividido em duas partes, parte código Javascript e parte de Javascript avançado. Vamos ver o que vamos aprender na parte do código Javascript. Em primeiro lugar, vou apresentar uma breve introdução ao Java Script. Em seguida, aprenderemos como podemos implementar o JavaScript? Com isso, aprenderemos como podemos adicionar tags de estimativa em Javascript? Em seguida, aprenderemos a variável de comentários O que é a variável at e contras, tipos de dados, todos os tipos de operadores, instruções if, operador ternário condicional, instrução switch case, caixa de alerta, caixa de confirmação, caixa de prompt, etc Em seguida, aprenderemos funções, variáveis globais e locais, eventos e todos os tipos de loops Em seguida, iniciaremos matrizes de JavaScript e, um por um, concluirei todos os métodos de matriz Depois disso, vou apresentar a você o que são objetos JavaScript. Então, um por um, abordarei todos os métodos de mapeamento, métodos string, métodos numéricos, métodos data e métodos de mapa. seguir, iniciaremos a parte mais importante do Java Script, que é o modelo de objeto de documento Dom. Vamos aprender métodos de segmentação, métodos Gate e set value, seletor de consultas, métodos de estilo CSS, ouvinte Addvn, nós pai e filho, tudo sobre irmãos, tudo A seguir, aprenderemos outra parte importante do JavaScript, que é a bomba. Bomb significa modelo de objeto do navegador. Uma a uma, vou cobrir todas as propriedades da bomba. Vamos aprender a aumentar com o método de navegação, abrir, fechar, localização, rolagem, etc. Em seguida, vamos entrar na seção de javascript avançado. Aqui, novamente, vamos aprender a variável de custo tardio. Qual a diferença entre esse tipo de variável? Além disso, aprenderemos sequência de modelos, função de seta, operador de repouso, operador de pulverização, literais de objetos, matriz de desestruturação, objeto de desestruturação, etc Depois vem a parte mais importante deste vídeo, que é a programação orientada a objetos. Aqui vamos aprender classes, módulo, promessa, promessa, az X. Com isso, também vou dar uma breve introdução à API, Async at function, symbol, iterators, generators, street mode, tratamento de erros, Com isso, também vou dar uma breve introdução à API, Async at function, symbol, iterators, generators, street mode, tratamento de erros, etc. Depois disso, vou atualizar muitos projetos relacionados ao JavaScript. É um pacote completo de JavaScript. O que você está esperando? Vamos começar a jornada juntos. 2. Tutorial de implementação de JavaScript: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo script Java relacionado ao Tutorial. Neste tutorial, aprenderemos como podemos implementar o script Java em nosso eSTL five. Se você quiser implementar JavaScript em sua página da web , temos um total de dois métodos Em PAS JavaScript e JavaSc externo. Vamos falar sobre IPas Java Script. Na página Java Script, você pode colocar o script Java diretamente na página estim Como você pode ver, este é o código do modelo de caldeira est. Além disso, você pode ver dentro da tag principal, usamos a tag script. Se você quiser usar JavaScript em uma página ESTiml, nesse caso, você precisa usar a tag script Tag de script usada para criação de scripts do cliente. Se você quiser usar o script VV, caso contrário, Java Script, nesse caso, você precisa usar essa tag Caso contrário, você pode usá-lo em qualquer lugar dentro da tag body. A maioria dos desenvolvedores usa tag script antes do final da tag body, porque se você digitar Javascript na tag principal e o arquivo de script Dava estiver muito pesado, o carregamento da página pode levar algum tempo e diminuir a velocidade da página. É por isso que a maioria dos desenvolvedores usa JavaScript end of this body tag. Este é o processo de página em que você pode usar JavaScript. Existe outro método, que é o processo externo. Suponha que você crie um arquivo JavaScript usando a extensão Dogs. E você pode usar qualquer nome para esse arquivo. No nosso caso, Script Dot. E lembre-se, sem a extensão Dodges, você não pode criar um arquivo JavaScript. Então você precisa colocar esse arquivo dentro dessa tag principal. Deixe-me mostrar como você pode implementar arquivo JavaScript externo em sua página de estimativa. Como você pode ver, dentro da tag head, você precisa pegar a tag Script e, em seguida, usar um atributo específico chamado SRC E então você precisa fornecer o caminho do arquivo Script dot JS. E então você precisa fechar essa tag de script. É executado automaticamente o arquivo JavaScript em sua página ETL. Então, vamos começar a prática e ver como podemos implementá-la. Como você pode ver na tela lado a lado, abro meu editor de código viste e meu navegador usando a extensão Live Server e já crio um documento eSTL chamado index dot Primeiro, dentro da tag de cabeçalho e depois da tag de título, vou usar a tag Script. Então, H, vou digitar um script. Então, dentro dessa tag de script, podemos iniciar nossa tela Java. Se você quiser digitar qualquer coisa na tela Java, precisará usar um comando específico para isso. Vou começar este tutorial com um comando básico, e nosso comando é document dot right. Ponto direito do documento. Então, dentro dos parênteses, dentro dos códigos duplos, vou digitar hello word Lembre-se de que, após essa declaração, você precisa usar o secodon para finalizar essa linha Agora a questão é: qual é o significado dessa linha? O que é documento? Documento é um objeto que representa toda a sua página da web. Se você quiser acessar qualquer elemento na página eSTL, sempre comece acessando o objeto do documento Vamos configurar o arquivo e ver o que aconteceu. Se eu definir esse arquivo, como você pode ver, imprima hello world. Esse foi o exemplo do PCSS. E se você quiser adicionar algum conteúdo novo neste documento, poderá duplicar essa linha Acabei de duplicar essa linha e como vou passar outra declaração Estou adicionando um. Se eu definir esse arquivo, como você pode ver, corra Hello world, I am d one Mas não fornece nenhum espaço entre esses dois aromas. Para isso, você pode fornecer espaço em todo o mundo. Se eu definir esse arquivo, agora você pode ver esse espaço. Olá mundo, eu sou um mau. Como eu disse anteriormente, podemos usar a tag script dentro da nossa tag body. Aqui, vou digitar a tag do script novamente. Rua, e aqui, mais uma vez, vou digitar document dot write. Está entre parênteses, eu vou passar olá Se eu definir esse arquivo, você poderá ver o resultado. Olá, vou adicionar um, ei. Se você quiser digitar qualquer coisa entre essas duas tags de script, sim, você pode. Você pode usar esta tag. Vou usar H one tag, H one. É a tag H one, vou digitar algum dia, Ted. Como você pode ver, ele fornece dois bonecos. Se eu definir esse arquivo, aqui você pode ver no meu navegador, a primeira impressão d. Olá, adiciono uma da nossa primeira tag de script e, em seguida, você imprime ou envia conteúdo, H um conteúdo de tag, Laura MPson e Aa print, ele de outra tag de Esse é o método básico na página. Aqui podemos usar o Java Strip usando a tag Script em nosso arquivo STL. E agora vou mostrar o método externo. Aqui, vou criar um arquivo JavaScript externamente. E então eu vou importar esse arquivo JavaScript neste documento STL. Deixe-me te mostrar. Primeiro, vou mostrar meu diretório de trabalho atual. E nesse diretório, vou criar uma nova pasta, e o nome da nossa pasta é JS. Dentro dessa pasta JS, vou criar um arquivo JavaScript. Para isso, vou criar um novo arquivo. E o nome do nosso arquivo é Script dot JS. JS é nossa extensão. Então eu louvo entrar. Como você pode ver, ele cria um arquivo JavaScript em nosso diretório de órgãos. Você pode usar qualquer nome para o seu arquivo. E aqui não precisamos mais usar a tecnologia de deslizamento. Podemos digitar diretamente nosso comando. Deixe-me te mostrar. Então, aqui vou digitar o ponto do documento à direita e aqui vou usar parênteses Neste parêntese, você pode usar aspas duplas , caso contrário, códigos simples Aqui vou usar aspas duplas. Depois de aspas duplas, vou terminar essa linha com ponto e vírgula Entre os códigos duplos, vou digitar o conteúdo e aqui vou digitar Hey. Olá novamente. Olá novamente. E eu vou dizer esse arquivo. Agora precisamos incluir o arquivo JS externo em nosso ponto de índice, um arquivo estável. Então, primeiro, vou remover essa tag de etapa. Novamente, vou digitar a tag step aqui. Em linha reta. Eu disse que a tag de pular, precisamos usar o atributo de origem, S RC. Igual a, e agora precisamos fornecer o caminho desse arquivo Script dot JS. Como você pode ver, nosso arquivo está dentro dessa pasta JS. Aqui precisamos digitar JA, s ou file, script dot J. Então, se eu definir esse arquivo, você poderá ver o resultado. Ei, olá novamente. Essas linhas vieram de um arquivo JavaScript externo, Script dot JS, e incluímos esse arquivo em nossa página estável usando o atributo source. Espero que agora esteja claro para você como podemos usar o Page Java Script e Java externo. Obrigado por assistir a este vídeo, será publicado em nosso próximo tutorial. 3. Adicionar tags Html no tutorial de JavaScript: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo tutorial relacionado ao script Java. Neste tutorial, aprenderemos como podemos adicionar a tag estel em JavaScript Sem perder seu tempo, vamos começar pela prática. Aqui você pode ver lado a lado, eu abro meu codificador Visa Studio ou meu navegador usando a extensão Lip Server, e eu já crio um documento ESTeML index dot STL Em nosso tutorial anterior, aprenderemos como podemos adicionar JavaScript em nossa página eSTL. Mas neste tutorial, aprenderemos como podemos adicionar a tag eTML em JavaSc. Aqui você pode ver que não há espaço entre hello word e IM É imprimir o documento em uma linha, mas eu quero uma linha diferente para esses dois objetos. Para isso, podemos usar a tag break do STML. Depois do hello word, vou usar essa tag B R. Se eu definir esse arquivo, você poderá ver o resultado. Primeiro imprime Hello World, depois imprime, I am Ad one. Lembre-se de que você pode usar essa tag BA somente dentro dos códigos duplos. Se eu usar várias tags BA, deixe-me mostrar B R e, em seguida, definir esse arquivo. Como você pode ver, é manter outra linha. Agora eu quero fazer nossa segunda frase. Para isso, eu vou usar. Deixe-me te mostrar. Essa é a tag inicial e, depois de adicionar uma, vou digitar nossa tag de fechamento. Se eu definir esse arquivo, você poderá ver o resultado. Conduz nossa frase, em itálico. Quero dizer que você pode usar qualquer tag estel dentro dos códigos duplos Agora a pergunta é: por que usamos essa tag ESTeML dentro do JavaScript Porque o JavaScript pode criar conteúdo dinamicamente. Podemos usar essa tag com eventos JavaScript específicos. Suponha que você queira tornar seu conteúdo mais ousado usando um clique Nesse caso, você precisa usar JavaScript. Em nosso próximo tutorial, aprenderemos como podemos usar essa tag de maneira adequada. Obrigado por assistir a este vídeo, sintonize nosso próximo tutorial. 4. Tutorial de comentários em JavaScript: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo tutorial relacionado ao Javascript. Neste tutorial, aprenderemos comentários em JavaScript. Agora a questão é: qual é o uso do comentário? Os comentários do Java Strip podem ser usados para explicar o código do Java Strip e torná-lo mais legível Além disso, ele pode ser usado para evitar a execução ao testar códigos alternativos. Usando comentário, você pode definir com que finalidade você usa esse código JavaScript. Em Java Script, temos total para digitar comentários. Comentário único em n e comentário em várias linhas. No início, deixe-me mostrar como podemos usar o single n comment? Aqui você pode ver que digitamos um código dentro da tag do script, documento dot tri hello world Depois disso, usamos um único comentário final usando barra dupla. Para criar um único comentário final primeiro, você precisa digitar uma barra dupla e, em seguida, digitar seu texto Você pode digitar qualquer texto aqui. Se você executar esse código, ele imprimirá somente hello over, não o texto após uma barra dupla Mas se eu usar uma barra dupla antes do objeto do documento, então é um comentário , segure a linha Se você executar esse código, ele não imprimirá nada. Agora, vamos falar sobre comentários em várias linhas. Em nosso exemplo anterior, usamos um único comentário en. Se você usar um único comentário , ele só será efetivo em uma linha. Mas se você usar comentários de várias linhas , ele será eficaz em várias Em Java Script, nossos comentários de várias linhas começam com uma barra e terminam com uma barra em estrela Vamos começar a prática e ver como funciona. Aqui você pode ver lado a lado, eu abro meu codator Visa Sudo e meu navegador usando a extensão Lib Server, e meu navegador usando a extensão Lib Server, eu já crio Como você pode ver em nossa tag de script, temos um total de dois objetos de documento. Em primeiro lugar, quero comentar nosso primeiro objeto de documento. Olá, mundo. Para isso, vou usar o comentário Single N, Double slash Se eu definir esse arquivo, aqui você pode ver o resultado. Como você pode ver em nosso documento, agora tudo começou com o IM Ad one. Se eu remover os comentários e digitar algum texto, seu comentário. E, em seguida, defina esse arquivo, como você pode ver, agora é um erro de fornecimento. Se eu mostrar o console do meu navegador, aqui você pode ver o erro, erro Syntex, porque não podemos digitar texto aleatório em JavaScript. Para isso, você precisa usar comentários. Se você quiser comentar este texto, você precisa usar barra dupla Se eu definir esse arquivo, você poderá ver o resultado. Agora, esses textos não afetarão nosso código e também executarão perfeitamente nosso objeto de gravação de documentos. Aqui você pode descrever com que finalidade você digita esse código. Se você quiser usar várias linhas de comentário, deixe-me mostrar que, para isso, você precisa começar com uma barra Você precisa finalizar o comentário de várias linhas com uma barra estelar. Barra estelar. Se eu definir esse arquivo, agora você pode ver que ele executa nossos objetos de documento É assim que você pode usar um único comentário n e um comentário com várias linhas Espero que agora esteja claro para você. Obrigado por assistir a este vídeo, prepare-se para nossa próxima reunião com o Tor. 5. Tutorial de variáveis em JavaScript: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo script Java relacionado ao azul-petróleo. Neste mostrador, aprenderemos as variáveis de estado Java. No início, nossa pergunta é: o que são variáveis? Basicamente, as variáveis são contêineres para armazenar dados. Armazenamos o valor dos dados em variáveis. Suponha que você queira imprimir hello word em seu documento três vezes. Para isso, você precisa digitar hello word três vezes. Ponto do documento escreve olá palavra, ponto do documento escreve palavra olá e ponto do documento escreve palavra amarela Mas podemos armazenar essa palavra amarela em uma variável. No nosso caso, X. Podemos armazenar qualquer tipo de dados em nossas variáveis Se você quiser usar esse valor repetidamente , poderá usá-lo. Você só precisa chamar a variável. Se você quiser imprimir essa palavra amarela três vezes, nesse caso, você pode chamar essa variável O ponto do documento é escrito dentro dos parênteses X ou Esse é o uso da variável. Vamos falar sobre como podemos declarar variáveis em Java script Basicamente, há quatro s para declarar uma variável de script Java Você pode declarar i usando a palavra Q, usando let Qd e usando const Além disso, você pode declarar muito bem sem usar nada. E aprenderemos todo esse método em nossos próximos tutoriais Neste tutorial, aprenderemos como podemos declarar uma variável usando uma palavra-chave Existem algumas regras para criar variáveis em Java Script, e precisamos segui-las rigorosamente. Nossa primeira regra é que nosso nome Vs pode conter letras, destaques , sublinhados e cifrão. Nossa segunda regra é: o nome V deve começar com uma letra. Nossa terceira regra é: o nome também pode começar com o cifrão, caso contrário, o sinal de sublinhado Nossa quarta regra é que os nomes são tão sensíveis. Y pequeno e Y maiúsculo são variáveis diferentes. E nossa última regra e a regra mais importante é a palavra de reserva. Javascript veio com uma palavra de reserva, como Java Script R. Você não pode usar um nome específico como nome de variável. Vamos aprender sobre tudo isso em nossa sessão prática. Agora vamos falar sobre como usar variáveis. Primeiro, precisamos usar a palavra-chave para declarar que é uma variável, e o nome da nossa variável é X, depois precisamos usar o sinal de igual e após o sinal de igual, acordo com o tipo de dados, você precisa passar o valor Se você passar o tipo de dados de string, precisará digitar dentro dos códigos duplos. Se você quiser colocar o tipo de dados numéricos, nesse caso, você não precisa usar códigos duplos Vamos aprender sobre isso em uma sessão prática. X é o nome da nossa variável e hello world é o nosso vue Sem perder tempo, liste o prático e veja como funciona Aqui você pode ver lado a lado, eu abro meu codator do Visual Studio e meu navegador usando a extensão Lp Server, e eu já criei o nome de arquivo ESTil Index Em primeiro lugar, vou colocar a tag script dentro do script da tag head. Dentro da tag do script, quero imprimir um valor variável. Para isso, precisamos criar uma variável. No começo, vou usar a palavra-chave V. E o nome da nossa variável é z igual a, eu quero usar o valor da string. É por isso que eu uso códigos duplos e nosso valor é olá. Em seguida, precisamos usar ponto e vírgula para finalizar essa linha. Agora eu quero imprimir esse valor em nosso documento. Para isso, precisamos usar a função de gravação documentada. Aqui, vou digitar o ponto certo do documento. Então, dentro dos parênteses, precisamos passar a variável, e nossa variável é D e ponto e vírgula Lembre-se: se chamarmos o nome da variável em nossa função correta , não precisaremos usar aspas duplas. Só precisamos passar o nome da variável. Se eu definir esse arquivo, como você pode ver, imprima hello world. Se eu usar aspas, deixe-me mostrar aspas duplas, caso contrário, aspas simples e digite ZD e defina esse arquivo Aqui você pode ver, é impresso apenas Z, não nosso valor, olá mundo. Se você quiser imprimir o valor da variável, precisamos usar códigos sem códigos. Você pode usar várias variáveis o quanto quiser. Deixe-me pegar outra variável. Vou duplicar essa linha, e o nome da nossa variável é A. Aqui vou digitar, estou em um Além disso, vou duplicar essa função de documento. Aqui eu vou passar A. Se eu definir esse arquivo, você pode ver, sprint, olá mundo, vou adicionar um Além disso, você também pode usar o valor numérico. Suponha que aqui eu passe dos 100. Eu removo este e digito 100. Se eu definir esse arquivo, como você pode ver, hello world 100. Você pode pegar o valor numérico, você pode pegar o valor flutuante, o valor da string Vamos aprender sobre o tipo de dados em nossos ensaios de ocorrência. Agora deixe-me te mostrar uma coisa. Para isso, vou comentar esta linha. Agora eu quero sobrescrever a variável A. Na próxima linha, vou digitar A igual a 25. Se eu definir esse arquivo, como você pode ver, agora imprima apenas 25. Nosso novo valor substitui nosso valor anterior e imprime nosso novo valor 25 Podemos substituir nossa variável o quanto quisermos. Deixe-me te mostrar mais uma vez. Aqui eu vou passar 12. Se eu definir esse arquivo, agora você pode ver que nosso novo valor é 12. Se você notar, você pode ver que não usamos a palavra K antes da variável porque você já declarou o nome da nossa variável usando a palavra-chave. Nós apenas substituímos essa variável, nada mais. Vamos dar uma olhada nas regras corretas para escrever variáveis. Nossa primeira regra é que o nome pode conter a letra des, sublinhado e cifrão. Aqui podemos criar o nome das variáveis com letra deísta e o sinal de sublinhado . Deixe-me te mostrar. Vou criar uma variável que o nome da nossa variável é adicionar um. Eu disse isso muito bem, vou armazenar o nome completo, adicionar um meio. Com o nome, também podemos usar disa. Depois do avanço, podemos usar a doença. Suponha que eu use 99 e 199. Isso também é uma variável. Mas não podemos usar doença antes do nome. Não podemos começar nosso nome de variável com doença. Isso não é uma variável. Como você pode ver, ele já está fornecendo um alerta. Mas se você quiser começar o nome da variável com o cifrão, você pode. Se eu usar o cifrão aqui, como você pode ver, agora é uma variável adequada. Além disso, podemos começar o nome da nossa variável com sublinhado. Mas não use menos seno aqui. Se você usar o sinal de menos, nesse caso, não vai funcionar Essas são as regras básicas que você deve seguir. Deixe-me revisar esta seção mais uma vez. Você pode começar o nome da variável com letras. Além disso, você pode começar nome da variável com o sinal undersco Além disso, você pode começar o nome da variável com cifrão. Mas você não pode fornecer espaço no nome da variável. Deixe-me te mostrar. Se eu duplicar essa linha e aqui, vou digitar uma variável, o nome do aluno Nome do espaço estudantil. Você não pode usar um nome de variável assim. Nesse caso, você precisa usar asco sin. Você não pode fornecer espaço no nome da variável. Além disso, você pode usar números no nome da variável. Mas você não pode começar o nome da variável com números. Se eu começar o nome da variável com números, nesse caso, ela será lançada. Além disso, você também pode usar a palavra CamelCase. Deixe-me te mostrar. Vou colocar a letra A em maiúscula e também vou capitalizar Você pode usar um nome de variável assim. Além disso, o JavaScript fornece uma palavra de reserva que você não pode usar como variável am, caso contrário, nome da função. Deixe-me te mostrar as palavras. Todas essas são palavras reservadas em JavaScript, Abstract, break, cha, Dvager, double, export, finally, float Você não pode usar essa palavra como uma variável a, caso contrário, nome da função. Você precisa tentar se lembrar disso. Por favor, não use esse nome como uma variável. Isso é tudo para este tutorial. No próximo tutorial, discutiremos as variáveis let e constante. Obrigado por assistir a este vídeo, diga até mesmo para nosso próximo tutorial. Ah. 6. Variáveis de JavaScript (Let & Const) Tutorial: Olá, cara, é bom ver você de volta. Mais uma vez, estou de volta com um novo tutorial relacionado ao script Java. Neste tutorial, aprenderemos a variável tardia e concêntrica Em nosso tutorial anterior, abordamos variáveis. Mas neste tutorial, abordaremos as variáveis tardias e concedidas Antes de começarmos a prática, precisamos aprender qual é a diferença entre todas essas três variáveis? script Java avançado geralmente tem três tipos de variáveis, late e const. Os últimos contras são introduzidos na versão ES six. Contras latinas introduzidas na versão ES six. Hoje, aprenderemos qual é a diferença entre tudo isso. Vamos ver um exemplo. A principal diferença é o método de declaração. Além disso, seus processos de atribuição de valor são diferentes. Se eu tentar criar uma variável com, primeiro, precisamos digitar Q world, depois atribuir o nome da variável com valor. Da mesma forma, para late, precisamos digitar late e, para const, precisamos digitar const Mas a diferença é que podemos redeclarar nossa variável. No nosso caso, onde x é igual ao mundo. Também podemos reatribuir nosso valor. No meu caso, x é igual a. Se eu tentar imprimir esse valor, está escrito. Usando isso, podemos reatribuir e redeclarar nossa variável. Mas, ultimamente, não podemos redeclarar nossa variável Mas se tentarmos fazer isso com força, nesse caso, é um erro escrito Mas o bom é que podemos reatribuir nosso valor, x igual a O. Agora, nosso novo valor é O. Vamos falar sobre a variável const Contras significam valor constante. Não podemos fazer nenhuma mudança aqui. Não podemos redeclarar nossa variável. Além disso, não podemos reatribuir nossa variável. Essa foi a principal diferença entre todas as variáveis. Sem perder seu tempo, vamos começar a prática. Como você pode ver, lado a lado, abro meu coordenador de estúdio VSO e meu navegador usando a extensão de servidor Light, e abro nosso ponto de índice de arquivo anterior STML Em seu tutorial anterior, falamos sobre como podemos declarar Variável usando where Além disso, falamos sobre como podemos reatribuir nossa variável usando where Vamos definir um novo valor para essa variável. Aqui eu vou remover um mecanismo, e eu vou dizer, estou onde Se eu definir esse arquivo, como você pode ver, é uma mensagem instantânea impressa, agora vou reatribuir esse valor usando Q. Quero duplicar essa linha, e aqui vou passar a mensagem instantânea Se eu definir esse arquivo, desta vez, como você pode ver, ele será impresso, estou onde devo reatribuir Em seguida, vou substituir esse valor. Alguns para digitar A são iguais a dentro do curso duplo, eu sou a largura sobrescrita Alguns vão acabar com essa linha. Se eu definir esse arquivo, como você pode ver, agora ele é impresso, posso substituí-lo Se declararmos nossa variável com o, nesse caso, podemos reatribuir nossa Além disso, podemos sobrescrever nossa variável. Agora, vamos criar uma variável com custo. Alguns para selecionar as duas linhas, e eu vou comentar nosso código anterior. Além disso, vou comentar essas duas linhas. Agora vou substituir por atrasado. Agora, declaramos nossa variável com a palavra-chave let. Se eu definir esse arquivo, como você pode vê-lo impresso, eu sou. Isso significa variável. Vamos tentar reatribuir essa variável com a palavra-chave let. Vou remover este e aqui vou digitar tarde. Se eu definir esse arquivo, como você pode ver, não está escrito nada. Se eu te mostrar meu console, como você pode ver no meu console, é erro de mancha, erro de sintaxe A já foi declarado porque não podemos redeclarar ou reatribuir nossa variável usando a palavra-chave Mas podemos sobrescrever nossa variável se usarmos a palavra-chave let. Deixe-me te mostrar. Se eu remover este comentário e definir este arquivo, agora você poderá vê-lo impresso, poderei sobrescrevê-lo Agora vamos tentar entender o tipo de variável constante. Vou selecionar essa parte e duplicar mais uma vez. Vou comentar toda essa linha. Aqui, vou declarar nossa variável com contras Qard. Vou substituir late por const. Além disso, vou comentar esta linha. Se eu definir esse arquivo, como você pode ver, é impresso, eu sou uma palavra. Vamos reatribuir a variável com os ícones Qard. Aqui, vou digitar const. Se eu definir esse arquivo, como você pode ver, é um erro. Variável constante média constante. Não podemos reatribuir nossa variável quando usamos a palavra contras Q. Da mesma forma, se tentarmos substituí-lo, deixe-me mostrar a você e eles definiram esse arquivo Como você pode ver, também fornece um erro. Além disso, não podemos sobrescrever a variável, quando usamos a palavra cons Q. Essa é a diferença básica entre todas essas três variáveis em const. Espero que agora você entenda. Obrigado por assistir a este vídeo, sintonize nosso próximo tutorial. 7. Tutorial de tipos de dados em JavaScript: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo tutorial relacionado ao script Java Neste tutorial, aprenderemos os tipos de dados de script Java Vamos tentar entender o que é tipo de dados. Na programação, o tipo de dados é um conceito importante. Ser capaz de operar com variáveis. É importante saber algo sobre o tipo. Em nossos tutoriais anteriores, você aprende como criamos uma variável e como armazenamos valor em nossa Depois disso, podemos usar a variável quando precisarmos usar o valor, e já aprendemos sobre isso, como podemos declarar a variável usando a palavra Q tardia e constante Mas neste tutorial, vamos nos concentrar nos valores. Basicamente, o tipo de valor é o tipo de dados. Vamos ver que tipo de dados temos no script Jaha. Nosso primeiro tipo de dados é o tipo de dados string. Se passarmos o valor dentro dos núcleos duplos, caso contrário, núcleos únicos, será do tipo de dados string. E se passarmos um valor numérico sem aspas duplas, caso contrário, um único teste, então seria um tipo de dados numérico Da mesma forma, se digitarmos true, caso contrário, cai sem tes, então seria tipo de dados Blean Nosso quarto tipo de dados é o tipo de dados de matriz. Como você pode ver, dentro do quadrado ss, temos vários valores, separamos esse valor usando vírgula. Chamamos isso de tipo de dados, caso contrário, tipo de dados de arrendamento Vamos aprender sobre isso em nossos próximos tutoriais. Nosso próximo tipo de dados são os tipos de dados de objetos. Aqui você pode ver dentro dos cálices, criamos outra variável Além disso, fornecemos um valor para essa variável. É desempenhar o papel de par de valores-chave. Quando usamos esse valor com cvrass, nós o chamamos de tipo de dados de objeto Nosso próximo tipo de dados é o tipo de dados nulo. Se passarmos o valor X nulo, nesse caso, seria um tipo de dados nulo Mas se não passarmos nenhum valor em nossa variável x, nesse caso, seria um tipo de dado indefinido Agora, a questão é: qual é o uso desses tipos de dados Vamos aprender sobre tudo em nossos próximos tutoriais Vou criar vários vídeos relacionados, seqüências de caracteres, números, objetos de matriz antigos, etc Por enquanto, sem perder seu tempo, vamos começar pela prática Como você pode ver, lado a lado, abro minha viseira no seu cortor e meu navegador usando a extensão Live Server e já crio um documento estel chamado Index dot estAML chamado Index dot Primeiro, vou pegar um nome de variável, e nosso nome de variável é X, Sm tipo X igual a, primeiro, eu quero passar uma string v. Tipo Hm, olá mundo. Em seguida, semicone para finalizar esta linha. Se eu quiser imprimi-lo, basta digitar document write write dentro das rodadas está o nome da nossa variável, X. Em seguida, semicon para finalizar Se eu definir esse arquivo, como você pode ver, é print hello world. Agora vou duplicar essa linha duas vezes. Aqui eu vou passar uma etiqueta BA. Em seguida, vou chamar uma função inel do Java Script, e o nome da nossa função é type of Aqui eu vou digitar. Tipo da nossa variável x. Essa função retornará o tipo de dados da variável x. Se eu definir esse arquivo, como você pode ver, depois de hello, ele quebra nossa linha e imprime nosso tipo de dados variável, que é stream. Da mesma forma, se eu passar apenas um único caractere e, em seguida, definir esse arquivo, ele fornecerá também stream Mas o que? Se passarmos valor numérico dentro dos berços duplos, vamos passar um valor numérico Se eu definir esse arquivo, como você pode ver, ele também é um stream de impressão. B se passarmos alguma coisa dentro dos códigos duplos, caso contrário, códigos simples, é sempre uma string escrita. Como eu disse, também podemos usar códigos únicos. Deixe-me te mostrar. Se eu remover o curso duplo e usar o curso único e, em seguida, definir esse arquivo, como você pode ver, ele também é uma string escrita. Mas se eu substituir o valor x e passar 23 novamente, e depois definir esse arquivo, como você pode ver, agora é o número do turno, porque agora passamos o valor numérico sem É por isso que é um número bronzeado. Lembre-se de que não podemos usar o valor da string sem aspas. Caso contrário, ele retornará um erro. Se atribuirmos 23,50 e depois definirmos esse arquivo, você também poderá ver que é um número Se atribuirmos um valor negativo e definirmos esse arquivo, como você pode ver, ele também retornará o número. Mas se compararmos o valor com true, deixe-me mostrar e depois definir esse arquivo, como você pode ver, agora está escrito como Bleion Agora, nosso tipo de dados é tipo de dados Blean. Primeiro, ele imprime nosso valor verdadeiro e depois imprime nosso tipo de dados bleion Da mesma forma, se eu passar false ir e definir esse arquivo, como você pode ver, ele também será escrito bleion, porque true e false são nossos valores de bleion Mas se eu passar o valor dentro dos códigos duplos, deixe-me mostrar e depois definir esse arquivo, como você pode ver, agora é um stream. Não é mais um valor booleano. Para valor enxuto, não podemos usar códigos duplos, caso contrário, códigos únicos. Você precisa se lembrar disso. Você precisa usá-lo sem cotação. Vamos falar sobre nosso próximo tipo de dados. Vou duplicar essa linha e, aqui, vou passar indefinido Se eu definir esse valor, como você pode ver, ele será escrito indefinido e o tipo de dados também será indefinido Indefinido também é um valor. Deixe-me mostrar outro exemplo de indefinido. Suponha que eu pegue um novo valor e nossa variável seja A. Em seguida, semicone para n nesta linha Eu não atribuo nenhum valor a essa variável. Se eu quiser ver o tipo dessa variável, se eu passar A e depois definir esse arquivo, como você pode ver, S é indefinido Como não atribuímos nenhum valor, é por isso que Seton é indefinido Vou comentar esta linha e aqui vou passar novamente. Eu vou configurar este. Mais uma vez, vou duplicar essa linha e vou pegar o valor dentro do quadrado ses. Nosso primeiro valor é HTML. Nosso segundo valor é PHP. Em terceiro lugar, quero passar um valor numérico. Eu vou passar dos 45. Eu uso sem chá. Você pode repassar valores ilimitados o quanto quiser. Mas, para este exemplo, eu passo o valor total de três. Se eu definir esse arquivo, como você pode ver, é um objeto ct. Mas o mais importante é por que ton object B é uma matriz. Em outras linguagens, se usarmos o tipo de função, nesse caso, é matriz escrita. Mas no script Java, ele escreveu o mesmo tipo de dados para objeto e matriz. É por isso que é um objeto escrito. Vamos criar um objeto. Para isso, vou cavar essa linha e remover bases quadradas. Aqui eu vou usar Cal ases. Se eu disser o C ***, precisamos usar o par de valores-chave Nossa chave é nosso nome. Como nome, vou usar um valor de string, e o nome é adicionar um meg Nosso segundo valor é H H 32. Substituímos nosso valor de matriz pelo valor do objeto. Se eu definir esse arquivo, como você pode ver, é um objeto de impressão e também o tipo de objeto escrito. Para extrair o valor do objeto, precisamos usar um método especial e aprenderemos sobre isso em nossos próximos tutoriais Para matriz e objeto, script Java foi escrito como objeto, e você precisa se lembrar dele. Isso só acontece em Java Script, não em outras linguagens. Espero que agora esteja claro para você quais são os tipos de dados em Java Script. Obrigado por assistir a este vídeo , aguarde nosso próximo tutorial. 8. Tutorial de operadores aritméticos em JavaScript: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo tutorial relacionado ao script Java. Neste tutorial, aprenderemos os operadores aritméticos do script Java Vamos ver quantos operadores aritméticos temos Como você pode ver, temos um total oito operadores aritméticos diferentes Mas, primeiro, precisamos saber o que é operador aritmético O operador aritmético realiza aritmética em números. Aqui você pode ver nossa primeira adição de operatórios aritméticos e nosso segundo operador atmético e nosso segundo E o nosso terceiro é a multiplicação. Além disso, você pode ver a placa no site do seu laboratório. Nosso quarto é o operador exponencial. Para isso, precisamos usar o signo duplo. Nosso quinto é operador de divisão. Em seguida, vem o operador de módulo. Em seguida, vêm o operador de incremento e o operador de decremento. Uma coisa que você precisa lembrar: operador aritmético funciona quando o tipo de dados é número, porque esse operador é usado para Sem perder seu tempo, vamos começar a prática e ver como funciona, e aprenderemos todos os operadores um por um, em nossa sessão prática Como você pode ver, lado a lado, abro meu visuo no codator e no meu navegador usando a extensão b server, e meu navegador usando a extensão b server, eu já criei um documento ESTeML chamado Index dot estel abro meu visuo no codator e no meu navegador usando a extensão b server, e eu já criei um documento ESTeML chamado Index dot estel. Vamos começar a prática. Por exemplo, vou criar três variáveis Coral. Nossa primeira variável m é X, S tipo x igual a dois, depois escala para terminar essa linha, e eu vou duplicar essa linha Nossa segunda variável é y e y igual a 24. Nossa terceira variável é z. Aqui, vou usar todos os operadores atneticos Vou usar nosso primeiro operador atmético, X mais Y. Este é nosso primeiro operador atmético Como você sabe, além disso, precisamos usar mais ine, e agora vou imprimir esse valor na minha página da web. Para isso, vou digitar o ponto do documento dentro dos parênteses, nossa variável Z. Se eu definir esse arquivo, como você pode ver, será A adição desses dois valores x e y é seis. Além disso, também podemos agregar valor flutuante. Deixe-me te mostrar. Se eu passar 2,57 e depois definir esse arquivo, como você pode ver agora, o novo resultado será 6,57 Agora, vamos entrar em nosso próximo operador aritmético. Para isso, primeiro, vou alterar o valor x. Aqui, eu vou passar nove. Agora vou usar o sinal do operador. X menos nove. Se eu definir esse arquivo, como você pode ver, está escrito cinco, nove menos quatro igual a cinco Mas se eu -11 de nove e depois definir esse arquivo, como você pode ver, ele será escrito menos dois Agora está escrito menos o valor. Funciona exatamente como nossa matemática infantil. Agora vamos falar sobre nosso terceiro operador, que é a multiplicação. Para isso, vou usar o sinal de multiplicação, que é estrela Se eu definir esse arquivo, como você pode ver, ele está escrito 99. Se eu multiplicar nove por 11, é 1099. A seguir, mostrarei a divisão e o operador modular. Para isso, vou alterar o valor y, que é três. Primeiro, vou usar o operador de divisão. X dividido por y. Se eu definir esse arquivo, como você pode ver, é ston três. Mas se eu dividir dez por três, se eu definir esse arquivo, como você pode ver, agora é um valor flutuante de steton Este é o uso do sinal de divisão. Agora vamos falar sobre o sinal modular. Qual é o uso do modular? Aqui, vou usar o sinal modular. Para o sinal modular, precisamos usar o sinal de porcentagem. Se eu definir esse arquivo, como você pode ver, é 101. Agora a pergunta é por que é 101? Porque se eu dividir dez por três, então, como você sabe, um é o lembrete O sinal modular sempre retorna o lembrete. Deixe-me te mostrar mais uma vez. Se eu dividisse 11, com três, como você pode ver, agora o lembrete é dois Mas se eu dividir 12 por três e depois definir esse arquivo, como você pode ver, ele é zero. Como você sabe, três multiplicado por quatro igual a 12. Se eu dividir 12 por três, sobrará nenhum lembrete É por isso que está em zero. Agora vamos falar sobre nosso próximo operador, que é o operador exponencial Foi introduzido em 2016. É muito novo. operador exponencial funciona como potência, e o pecado é estrela dupla Se eu passar o valor x, dois e o valor y, também dois, e depois definir esse arquivo, como você pode ver, ele está em quatro. Agora está no valor quadrado, porque o valor x é dois, também o valor y é dois. Mas se eu passar o valor y três aqui e depois definir esse arquivo, como você pode ver, agora está em oito, significa dois elevado a três. Como você sabe, se eu multiplicar dois, três vezes em oito Da mesma forma, se eu passar dez para a potência, dois, dez defina esse arquivo, como você pode ver, agora é 100. Eu passo três aqui e coloco esse arquivo, como você pode ver, é 10.000, significa dez em dez em dez, igual a 2000. Esse é o uso do operador exponencial. Agora, vamos falar sobre nosso operador s two, operador incremento ou operador de decréscimo. Para este exemplo, primeiro, vou comentar essa linha e agora vou substituir nossa variável X pelo operador de incremento mais mais Para o operador de incremento, precisamos usar mais seno. Agora, se eu adicionar isso à variável, x mais y, e eles configurarem esse arquivo, como você pode ver, ele é escrito 14, não 13, mas a questão é, y é escrito 14. Sabemos que dez mais três é igual a 13. Qual é a lógica por trás disso? Como você pode ver, substituímos nosso valor x pelo incremento seno É malvado, deixe-me te mostrar. Agora, o novo valor é x igual a x mais um. Por padrão, esse operador adiciona um com nosso valor antigo. É por isso que agora nosso valor x é 11, não dez, então está escrito 14. Mas se eu copiar a mesma linha e usá-la antes do incremento, deixe-me mostrar e usar uma etiqueta break hair E então defina esse arquivo. Como você pode ver, primeiro 1013 e depois é escrito 14, porque este escrito antes do valor do incremento e este escrito até o valor do incremento Da mesma forma, temos valor decrescente. Deixe-me te mostrar. Se eu duplicar esta linha e comentar a anterior, e se eu usar o sinal de decréscimo aqui, menos menos menos e depois definir esse arquivo, como você pode ver, primeiro t 13 e depois Se eu usar o sinal de decréscimo, significa x igual a x menos Ele subtrai um valor do nosso valor anterior. Além disso, você pode usar vários operadores aritméticos Deixe-me te mostrar. Alguns para comentar essas linhas. Eu não preciso desse. E aqui, vou empatar x mais y multiplicar por dois. Se eu definir esse arquivo, é tn 16, mas a questão é: y volta Você pode pensar que ele deveria retornar 26 x mais y igual a 13. Então, se eu multiplicar 13 por dois, é tn 26. Mas não funciona assim. Primeiro, ele vai multiplicar dois com o valor y, eu três multiplico dois, o que significa seis, depois soma dez com É por isso que é n 16. Mas se você quiser retornar o valor 26 nesse caso, precisará criar a combinação. Deixe-me te mostrar. Vou criar a combinação entre o valor x e o valor y, x mais y. Para isso, precisamos nos mover para dentro do latão redondo e agora ele multiplicará nosso valor de adição Se eu definir esse arquivo, como você pode ver, agora é ren 26. Se você quiser executar matemática complexa, nesse caso, precisará criar uma combinação. Espero que agora esteja claro para você o que é operador aritmético em Java Script e como podemos Obrigado por assistir a este vídeo , aguarde nosso próximo tutorial. 9. Tutorial de operadores de repartição em JavaScript: Olá pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo tutorial relacionado ao script Java. Neste tutorial, aprenderemos o operador de atribuição de Javascript Vamos ver quantos operadores de atribuição temos em Java Script Esses são os operadores de atribuição mais básicos em Java Script. Além desses, há outros operadores de atribuição, mas eles não são importantes Neste tutorial, abordarei esse operador de sete atribuições. Em nosso tutorial anterior, aprendemos operadores aritméticos, adição, substrição, multiplicação, divisão, módulo e exponencial e, se o usarmos com sinal de igual, o chamaremos aprendemos operadores aritméticos, adição, substrição, multiplicação, divisão, módulo e exponencial e, se o usarmos com sinal de igual, o chamaremos de operador de atribuição. Nosso primeiro operador é igual a operador, significa operador de atribuição. Por exemplo, se quisermos atribuir o valor Y em x, nesse caso, podemos usar esse operador. Significa x assen com y. Depois vem o operador de adição Exemplo, x mais igual a y. Se usarmos esse operador, ele atribuirá um novo valor à nossa variável x. Ele adicionará o valor y à nossa variável x e substituirá nossa variável x. Da mesma forma, para a substrição, ele vai subtrair o valor y do nosso valor x e sobrescrever nosso valor x. Da mesma forma, para a multiplicação, ela substituirá nosso valor x. Suponha que nosso valor x seja três e nosso valor y seja dez. Em seguida, multiplicará dez por x, média, três mais dez, e substituirá nosso valor de x de três a 30 Da mesma forma, é um trabalho para divisão, módulo e exponencial Seguindo em frente e vamos começar a prática. Aqui você pode ver, lado a lado, que abro meu ator de código iso Sudo e meu navegador usando a extensão Live Server, e já abro nosso antigo nome de documento estil Index dot Como você pode ver, nosso valor da variável X é dez e nosso valor da variável Y é quatro. Se somarmos esses dois valores, é n 14. Aqui você pode ver que usamos nosso primeiro operador de atribuição de operadores. Nós o usamos para fins de atribuição. Usando esse operador, podemos atribuir um valor à nossa variável. Da mesma forma, atribuímos quatro valores com a variável Y e, em nossa variável ZD, adicionamos esses dois valores Por enquanto, eu não preciso dessa variável Z, então vou comentar essa linha. Como você pode ver, nosso valor x é dez, e agora vou sobrescrever nosso valor x, x igual a x mais y. Se eu imprimir x e depois definir esse arquivo, como você pode ver, ele também será escrito 14 Nosso novo valor x é 14, não dez. Mas agora vou usar o operador de atribuição para esse cálculo Vou comentar essa linha e, na próxima linha, vou digitar x, e vou usar adição igual ao operador, adição igual a y. Se eu definir esse arquivo, como você pode ver, ele também será escrito 14. Se eu alterar o valor y de quatro para cinco e, em seguida, definir esse arquivo, como você pode ver, ele será escrito 15. Como você pode ver para o mesmo cálculo, usamos três linhas diferentes. Aqui, apenas substituímos nossa variável x por mais igual ao operador de atribuição. Este exemplo é igual a esta linha. Se usarmos esse operador de atribuição, basicamente, ele reduz um caractere dessa linha Novamente, vou alterar o valor y, quatro, e agora vou usar menos igual ao operador Significa subtração igual ao operador. Se eu definir esse arquivo, você poderá ver o resultado. Se menos quatro de dez, é st seis, nosso novo valor x é seis Nosso próximo operador é a multiplicação igual ao operador. Estrela igual a. Se eu definir esse arquivo, como você pode ver, é N 40. Agora é multiplicar dez por quatro. É por isso que está em 40, e nosso novo valor de x é 40. Da mesma forma, temos divisão igual ao operador. Se eu usar esse operador, como você pode ver, agora nosso valor x é 2,5, e nosso próximo operador é módulo igual ao operador Se usarmos esse operador e definirmos esse arquivo, como você pode ver, nosso novo valor x é dois. Esse operador sempre escreveu um lembrete. É por isso que é 102. Vamos pular para o último operador, que é o operador exponencial Ou operador exponencial, precisamos usar o signo duplo, estrela igual a dois Se eu definir esse arquivo, como você pode ver, ele está escrito em 10.000. Significa dez elevado à potência quatro. Ele vai multiplicar 410 de uma vez. É por isso que está escrito 10.000. É multiplicar 104 vezes. Espero que agora esteja claro para você o que são operadores de atribuição. Basicamente, podemos chamá-lo de operador aritmético de ponta curta aritmético de ponta Obrigado por assistir a este vídeo , aguarde nosso próximo tutorial. 10. JavaScript com o Google Chrome Console Tutorial, parte 1: Olá, pessoal, é bom ver vocês de volta. Estou de volta com outro script Java relacionado ao Tutorial. E neste tutorial, aprenderemos o Google Chrome Consume. Avançando e vamos começar a prática. Por que devemos usar o console Come? Aqui você pode ver, lado a lado, que abro meu editor de código viso todo e meu navegador usando a extensão de servidor Light, e já crio um documento SML chamado Index doot E agora vou mostrar como console funciona e o que é o console. Basta clicar com o botão direito do mouse no seu navegador e aqui você pode ver uma opção chamada Inspecionar. Basta clicar nessa opção e aqui você pode ver a opção do desenvolvedor e a opção do console na segunda guia. Além disso, podemos mover essa opção para a direita ou levantá-la. Se houver um erro em nosso código de script Java, podemos ver o erro em nossa seção de console Se você quer ser um desenvolvedor de Java Script , o console seria a ferramenta mais importante para você. Você pode identificar todos os erros nesta seção. Além disso, você pode usar o console para fins de teste. Suponha que você não queira imprimir nenhum valor em nosso documento. Mas você pode imprimir qualquer variável, caso contrário, você pode retornar qualquer valor de função em nossa seção de console. Deixe-me mostrar outra opção, como você pode abrir o console no seu navegador. Para isso, você precisa selecionar essa opção e clicar em mais ferramentas E aqui você pode ver as ferramentas de recarga. Além disso, você pode usar a tecla de atalho para isso. Em forma de controle. Em seguida, clique nas ferramentas do Delo, como você pode ver, é uma seção de console aberta Então, vamos ver como podemos usá-lo na prática. Então, primeiro, eu vou criar uma variável, e nossa variável é X. O X igual a, eu vou atribuir 34 Há um pedido para acabar com essa linha. Já sabemos se queremos imprimir essa variável em nosso navegador; nesse caso, precisamos digitar a função dot right do documento. Alguns tipos de documentos pontuam para a direita. Então, dentro dos parênteses, precisamos passar a variável n. X. Em seguida, Smc dois nesta linha. Em seguida, Smc Se eu pisar nesse arquivo, como você pode ver, apresente nosso valor em nossa seção de documentos Mas agora eu quero imprimir essa variável em nossa seção de console, não na seção de documentos. Para isso, precisamos digitar console dot log. Registro de pontos do console. Então, dentro dos parênteses, precisamos passar a variável Há um “dois” nesta linha. Se eu definir esse arquivo, como você pode ver na seção do console, ele imprime nosso vil arquivo 34 Além disso, podemos executar cálculos matemáticos. Deixe-me te mostrar. Suponha que eu queira adicionar dez com nossa variável x. Se eu definir esse arquivo, como você pode ver, é st 44, e como você pode ver no seu lado direito, também está escrito, o número da linha, ponto de índice est. E aqui você pode ver que digitamos log de pontos do console na linha número 12. Não só isso, também podemos imprimir aqui. Deixe-me te mostrar. Para isso, vou usar bases quadradas. E aqui eu vou passar alguns v um, quatro, cinco. Se eu definir esse arquivo, como você pode ver , são dez nossa matriz. E se eu abrir esta seção, aqui você vê uma chave, e nosso nome de chave é proto array É malvado, é Gary. Também clique em imprimir o comprimento, comprimento três, porque temos protal, três valores em nossa matriz e nossos valores são um, quatro e cinco E, como você sabe, nossa matriz começa do índice zero. É por isso que é impressão zero, um, dois. Vamos aprender sobre matriz em nossos próximos tutoriais. E agora eu vou te mostrar outra função. Sem usar log, vou usar a tabela. Aqui eu vou remover o registro. E eu vou digitar tabela. Se eu definir esse arquivo, como você pode ver, ele cria uma tabela. Foi criada uma tabela em nossa seção de console. Ele imprime nosso valor de erro como um formato de tabela. Vamos falar sobre nossa próxima função do console, que é erro. Vou digitar o erro. Além disso, vou remover as condições vs. Na maioria das vezes, usamos erro com condição, condições P. Usando essa função, o desenvolvedor pode identificar o erro. Mas aqui, vou imprimir apenas uma mensagem de erro. Dentro dos códigos duplos, vou digitar, algo deu errado. Se eu definir esse arquivo, como você pode ver, imprima nossa mensagem na cor vermelha. Algo deu errado. Da mesma forma, temos outra função de aviso. Alguns para duplicar essa linha, e aqui vou digitar o aviso de pontos do console Além disso, vou mudar as mensagens. Isso é só um aviso. Se eu definir esse arquivo, como você pode ver, primeiro ele imprime nossa mensagem de erro, algo deu errado e depois imprime, isso é apenas um aviso com sinal de aviso. Dessa forma, podemos imprimir nossa mensagem de erro e uma mensagem de aviso. Nossa próxima função é a função dote clear do console. Como você pode ver, em nosso console, temos duas mensagens, uma mensagem de erro e uma mensagem de aviso. Em seguida, vou executar a função dot clear do console. Então, digite console dot clear. Se eu definir esse arquivo, como você pode ver, ele limpou nosso console Agora não há mensagem de erro e mensagem de aviso. E também piscou outra mensagem, o console estava limpo. Então, isso é tudo para este tutorial. No próximo tutorial, aprenderemos a função do tempo. Obrigado por assistir a este vídeo, fique ligado no nosso próximo tutorial 11. JavaScript com o Google Chrome Console Tutorial, parte 2: Olá, pessoal. É bom ver você de volta. Mais uma vez, estamos no meu viso co-editor do Sudo. Este é o segundo tutorial relacionado ao console do Google Chrome. Como você pode ver lado a lado, abro meu Vs Sudo Cditor e meu navegador usando a extensão life server. Também abro o documento estel anterior no meu editor de código. Neste tutorial, vou começar com outro comando do console, que é o tempo. Usando o comando time, podemos calcular quanto tempo nosso código leva para ser executado. No início, vou comentar sobre a função de limpeza de pontos do console. Depois da variável x, vou amarrar a hora dos pontos do console. Então, dentro dos parênteses, vou passar por um teste, que é sabor, e depois ponto e vírgula para que é sabor, e depois ponto e vírgula Novamente, depois de executar o Messes, vou digitar a função de fim de hora de ponto do console Fim. Dentro dos parênteses, vou experimentar Em seguida, ponto e vírgula dois nesta linha. Basicamente, ele calculará o tempo do início ao fim. Eu quero dizer que ele vai calcular quanto tempo as funções levam para serem concluídas. Usando o comando time, podemos começar a contar e usando o comando time end, podemos parar de contar. Se eu definir esse arquivo, como você pode ver, está na hora certa. Como você pode ver, são necessários 0,59 milissegundos para concluir esses comandos Agora vou mostrar como podemos usar o Editor Civil em nosso console Primeiro, precisamos limpar nossa seção de console. Como você pode ver, há um segundo ícone. Se eu clicar nesse ícone, a seção do console será limpa. Aqui podemos digitar qualquer comando de script Java. Aqui vou digitar o ponto direito do documento. São os parênteses, eu vou passar. Olá, mundo. Em seguida, ponto e vírgula para finalizar essa linha Se eu pressionar E, como você pode ver no meu navegador, é paint hello world. Como você pode ver, usando o editor do console, podemos passar dados em nosso navegador. Quero dizer que você pode verificar qualquer comando Javascript na seção do console. Deixe-me te mostrar. Se eu digitar o documento e pressionar enter, como você pode ver, se eu abrir esta seção, faça isso em nossa estrutura externa de documentos. Agora, deixe-me mostrar o uso mais importante da nossa seção de console. Neste exemplo, vou comentar toda essa linha e, em seguida, vou configurar esse arquivo. Agora, dentro da tag body, vou criar H uma tag, H one. Além disso, vou definir ID para essa tag, ID, Min. Então, dentro da tag H one, vou digitar hello world. Se eu definir esse arquivo, você poderá ver o resultado. Agora eu quero verificar o valor da tag H one usando o script Java em nosso console. Para isso, precisamos digitar document dot get element by ID. Deixe-me te mostrar. O ponto do documento obtém o elemento por ID. Então, dentro dos parênteses, precisamos passar o nome do ID, e nosso nome de ID é Aqui vou digitar Min. Em seguida, subcoluna dois nesta linha. Se eu pressionar enter, como você pode ver, é escrita a tag H one com o valor. Este exemplo faz parte do Dom, significa modelo de objeto de documento, e aprenderemos sobre isso em nossos próximos tutoriais Aqui eu quero te mostrar qual é o uso do console. Deixe-me te mostrar uma coisa. Como você pode ver, esse comando escreveu toda essa estrutura, mas eu quero retornar somente hello world. Eu quero retornar somente o texto. Nesse caso, podemos digitar um novo comando. Deixe-me te mostrar. O ponto do documento obtém o elemento por ID. Em vez disso, os parênteses, nosso nome de ID e nosso nome de ID Então eu quero retornar apenas o texto interno. Então, aqui precisamos digitar ponto, texto interno. Então sm para terminar esta linha. Se eu pressionar inteiro, como você pode ver, agora está escrito no hello world. Vamos aprender tudo sobre isso em nossa parte de dom. Todos esses são comandos básicos do dom. Além disso, podemos digitar qualquer comando Javascript em nossa seção de console. Isso é tudo para este tutorial. Obrigado por assistir a este vídeo, sintonize nosso próximo tutorial. 12. Tutorial de operadores de comparação de JavaScript: Bem vindos de volta, pessoal, mais uma vez, estou de volta com um novo tutorial relacionado ao javascript Nesse total, vamos aprender Java Script, operador de comparação. Vamos tentar entender o que é operador de comparação. Neste exemplo, você pode ver que temos um total de duas variáveis, A e V. O valor da variável A é 20 e o valor da variável V é 30. Se tentarmos fazer uma comparação entre essas duas variáveis, suponha que o valor da variável A seja maior que o valor da variável V. Isso significa que I 20 é maior que 30, vai retornar dois. Caso contrário, ele retornará falso. Ser 30 é maior que 20, é por isso que está escrito como falso. Como usamos o nome do operador de comparação maior que? Da mesma forma, temos vários operadores de comparação, e esses operadores sempre retornam para qualquer valor falso. Vamos ver quantos operadores de comparação temos em Java script. Nosso primeiro operador é igual a. Para esse operador, precisamos digitar duplo sinal de igual. Se o valor do lado positivo e o valor do lado direito forem iguais, nesse caso, ele retornará verdadeiro Nosso segundo nome de operador é operador idêntico. Para esse operador, basta digitar três sinais de igual. Se o valor do lado p e o valor do lado direito forem iguais e seu tipo de dados for o mesmo, nesse caso, retornará verdadeiro Então não é igual ao operador. Para isso, precisamos digitar, sinal explicativo e sinal de igual. Se o valor esquerdo e o valor direito não forem iguais, nesse caso, ele retornará verdadeiro. Da mesma forma, temos outro operador. Se o valor esquerdo e o valor direito não forem iguais, com isso, esse tipo de dados não é igual, nesse caso, retornará verdadeiro E depois vem maior que o operador. Se o valor esquerdo for maior que o valor direito, nesse caso, retornará dois. Nosso próximo operador é menos do que operador. Se o valor correto for menor que o valor do led, nesse caso, retornará verdadeiro. Nosso próximo operador é maior que igual ao operador. Se o valor do lado da volta e o valor do lado direito forem iguais, nesse caso, ele retornará verdadeiro. Caso contrário, se nosso valor do lapside for maior que o valor do lado direito, ele também retornará verdadeiro Mas se nosso valor do lado da volta for menor que o valor do lado direito , nesse caso, ele retornará falso. Da forma oposta, temos menos que igual ao operador. Se o valor do lado positivo for menor que o valor do lado direito, nesse caso, ele retornará verdadeiro Se ambos os valores forem iguais, ele retornará dois. Caso contrário, se o valor st correto for maior que o valor do lado p, também retornará t. Sem perder seu tempo, vamos começar a prática e ver como é w. Como você pode ver , lado a lado, abro meu editor de código Visa Studio e meu navegador usando a extensão life Server, e meu navegador usando a extensão life Server, já crio um índice de nome de documento ESTiml STL Aqui vamos testar nosso operador de comparação. Primeiro, vou pegar duas variáveis, e nossa primeira variável vm é X, X, Assn com largura dez. Então eu vou duplicar essa linha e nossa próxima variável m é y, valor y é 20 Em seguida, vou comparar essas duas variáveis na seção do meu console. Para isso, precisamos digitar console dot log, console dot log, dentro dos parênteses, eu vou amarrar x duplo igual a y. Este é o nosso primeiro operador de comparação, e Smig Se eu definir esse arquivo, como você pode ver, a gravação falhará. Porque dez N 20 não é o mesmo. Se eu alterar o valor, y, também dez, então definir este arquivo, como você pode ver, agora é t. Além disso, se eu mover o valor y dentro dos códigos duplos, deixe-me mostrar que eles configuram esse arquivo, como você pode ver, também é N verdadeiro. Aqui você pode ver que o tipo de dados deles é diferente. O primeiro é número e segundo é fluxo, mas seu valor é o mesmo. É por isso que é dez vezes verdade. Mas se eu usar nosso próximo operador, que é um operador idêntico, e eles configurarem esse arquivo, como você pode ver, agora é tn falls, porque o valor deles é o mesmo, mas o tipo de dados não é É por isso que são dez quedas. Se eu remover os códigos duplos e eles configurarem esse arquivo, agora você pode ver que é verdade. Agora, vamos passar para o próximo operador de comparação. Mas antes vou duplicar essa linha e comentar a anterior Aqui, eu vou empatar seis, não igual a sete. Se eu definir esse arquivo, como você pode ver, é dez verdadeiro, porque o valor deles é diferente. É por isso que não é igual ao operador escrito como verdadeiro. Mas se eu passar seis igual a seis e depois definir esse arquivo, como você pode ver, agora é tn false. Se ambos, o valor for o mesmo, nesse caso, não é igual ao operador escrito como falso. Vamos mover um dos operadores dentro dos códigos. Seis. Se eu definir esse arquivo, como você pode ver, retorno também falhará, porque o valor é o mesmo, mas o tipo de dados é diferente. Mas se eu usar nosso próximo operador e digitar outro sinal de igual. Nesse caso, se eu definir esse arquivo, ele será gravado porque o tipo de dados é diferente É por isso que esse operador escreveu. Vamos entrar em nosso próximo operador de composição. Mas antes, vou duplicar essa linha e vou comentar três, um. Aqui, vou digitar cinco maior que seis. Se eu definir esse arquivo, como você pode ver, é dez falso. Sabemos que cinco não é maior que seis. É por isso que é muito falso. Mas se eu digitar nove aqui e depois definir esse arquivo, como você pode ver, não é verdade. Mas se eu passar nove no nosso lado direito e depois definir esse arquivo, como você pode ver, é tn falso porque nove não é maior que nove Mas se eu usar nosso próximo operador maior que igual a dois e, em seguida, definir esse arquivo. Agora você pode ver que está escrito de forma verdadeira. Isso significa que se o valor psd for igual ao valor do lado direito, nesse caso, ele retornará verdadeiro Caso contrário, se o valor do lado positivo for maior que o valor do lado direito, ele também retornará verdadeiro Deixe-me te mostrar. Se eu passar 30, defina esse arquivo, como você pode ver, também está escrito como verdadeiro. Ao contrário de a, temos menos do que operador. Então, para duplicar essa linha e comentar a anterior. Aqui, vou empatar nove a menos que 11. Se eu definir esse arquivo, como você pode ver, está escrito como verdadeiro. Da mesma forma, se eu usar menos que igual para assinar e definir esse arquivo, como você pode ver, ele também será escrito como verdadeiro. Se eu passar nove aqui e depois definir esse arquivo, como você pode ver, a condição também é verdadeira. Espero que agora esteja claro para você o que é um operador de comparação e como podemos usá-lo. Obrigado por assistir a este vídeo, sintonize nosso próximo tutorial. 13. Tutorial de declaração de JavaScript: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um script Java relacionado ao neo Tutorial e, neste tutorial, aprenderemos a declaração EP. Então, vamos tentar entender o que é a declaração do EP. A instrução Ep faz parte das instruções condicionais do Java Script, que são usadas para realizar ações diferentes com base em condições diferentes Usamos E para especificar um bloco de pote a ser executado. Se uma condição específica for verdadeira e todas as condições forem escritas, valor verdadeiro também cai bem. E se a condição for verdadeira, ele executará nossa declaração. E se for falsa, a declaração não será executada. Deixe-me simplificar com um exemplo normal. Suponha que hoje seja sexta-feira. Isso significa que a condição é verdadeira ou cai. E se a condição for verdadeira, imprima sexta-feira e, se for falsa, exclua-a. Agora, deixe-me mostrar essa sintaxe, como podemos usar uma condição no Java Split Após uma declaração profunda, você precisa usar chaves redondas. Dentro do latão redondo, você precisa colocar sua condição e, em seguida, fornecer sutiãs iniciais e finais para o carro Então, dentro do latão do carro, precisamos passar nosso núcleo Você pode passar várias declarações, funções, quanto quiser. Mas se a condição for verdadeira , todas essas declarações serão executadas. Deixe-me mostrar outro exemplo. Suponha que tenhamos uma variável e seu valor seja 20. E então vamos testar com a condição P. Se o valor A for maior que 15 , a impressão A será maior. E, como você pode ver, A é maior que 15 porque A u é 20. É por isso que ele imprimirá este documento em nosso navegador. Mas se alterarmos o valor A, A atribuir com cinco, e depois verificarmos a condição e, como você pode ver, A não é maior que 15, é por isso que ela retornará false. Portanto, não imprimirá essa linha em nosso navegador. Essa condição não é verdadeira. Então agora é o carro para você, como podemos criar uma condição com a declaração P. Além disso, é preciso lembrar que precisamos usar um operador de comparação para criar a condição. No nosso caso, o grande Dan, e já aprendemos sobre o operador de comparação em nossos tutoriais anteriores Então, sem perder tempo, vamos começar a prática e ver como é . Como você pode ver , lado a lado, abro meu codator Vise studio e meu navegador usando a extensão de servidor Light, e meu navegador usando a extensão de servidor Light, já criei um documento estil chamado index dot AtNL vamos começar a prática e ver como é . Como você pode ver, lado a lado, abro meu codator Vise studio e meu navegador usando a extensão de servidor Light, e já criei um documento estil chamado index dot AtNL. Então, primeiro, vou usar duas variáveis. Nossa primeira variável é V A e A e W 30, e nossa segunda variável é B, B e W 40. E agora vou usar nossa condição de IP. Se inserir os parênteses, maior que B inserir as calibragens, vou digitar o log de pontos do console e definir as corridas redondas , A Em seguida, semicone dois nesta linha. Então, criamos uma condição com mais do que operador. É um operador de comparação. Então, eu configuro esse arquivo, como você pode ver, apresento nada em nossa seção de console porque A não é maior que B. É por isso que a condição escrita cai Mas se eu reverter a condição com menos de seno, deixe-me mostrar e depois definir esse arquivo, como você pode ver, nunca o sprint A é Nesse caso, precisamos digitar aqui B é maior, não A. Agora, a condição escreveu o valor verdadeiro. É por isso que você corre nessa linha porque o valor b é 40 e o valor A é 30 e, como você pode ver, usamos menos que o seno A, menor que B. Vamos dirigir com outro operador de comparação Desta vez, vou usar igual a seno, A igual a b. Isso significa que se o valor A e B é pecado, então imprima esta linha Se eu definir esse arquivo, como você pode ver, ele não imprimirá esta linha. Mas se eu alterar o valor, 30, agora BL também é 30 e depois definir esse arquivo, como você pode ver, agora ele imprime essa linha Porque agora a condição é verdadeira. Agora, vamos alterar a declaração impressa. Então H, vou digitar olá. E agora vou alterar o tipo de dados do Valor B, então vou fazer com que sejam transmitidos. 13. Se eu definir esse arquivo, como você pode ver, também imprimirá nossa declaração, hello word. Como você pode ver, o tipo de dados deles é diferente, mas também é considerado verdadeiro porque em nosso tutorial anterior, aprenderemos sobre isso. Se usarmos o operador igual ao para comparar o valor, isso acontecerá. Se usarmos igual ao operador, ele verificará seu valor, não seu tipo de dados. É por isso que está escrito como verdade. Mas se usarmos um operador idêntico, então aqui vou adicionar outro sinal de igual. E isso configurou esse arquivo, como você pode ver, agora está escrito como falso É por isso que não imprime o valor. Já sabemos se usamos um operador de concorrência idêntico e , com o valor, também precisamos combinar o tipo de dados Caso contrário, não permanecerá verdadeiro. Portanto, é assim que você pode criar condições dentro da declaração do EP. A condição de IP é muito importante no Java SiP ou em qualquer outra linguagem de programação Basicamente, sem condições, não podemos imaginar a codificação. Então, isso é tudo para este tutorial. Vamos aprender mais sobre isso em nossos próximos tutoriais Obrigado por assistir a este vídeo, St you. 14. Tutorial de operadores lógicos de JavaScript: É bom ver vocês de volta, pessoal, estou de volta com uma nova conversa relacionada ao Javascript. Neste tutorial, aprenderemos lógicos do Java Script Mas antes, vamos tentar entender o que é operador lógico e quantos operadores lógicos temos em JavaScript. Em nosso tutorial anterior, aprenderemos sobre a condição EP e como podemos definir a condição em nossa declaração Ep. E se a condição for verdadeira, você executará nossa declaração. Como você pode ver, temos apenas uma condição em nossa declaração do ep. Mas usando o operador lógico, podemos definir duas condições, caso contrário, várias condições em nossa declaração ep. E de acordo com o operador lógico, se ambas as condições escritas como verdadeiras, nesse caso, executarão nossa declaração. E se uma das condições for falsa, caso contrário, ambas as condições forem falsas, elas não precisarão executar nossa declaração. Então, vamos ver quantos operadores lógicos temos. Temos um total de três operadores lógicos, lógico, lógico r e lógico t. Para o lógico nd, você precisa digitar dois sinais de hora e pessoa. E para o r lógico, você precisa usar esse sinal, e você pode encontrar o sinal abaixo, depois a chave Baspas, e para o gt lógico, precisamos usar o sinal de escavação Mas antes de começar a prática, precisamos entender como podemos usá-lo? Nosso primeiro operador é o operador final lógico. Nós o usamos dentro da condição. Nós o usamos dentro da declaração. Se ambas as condições forem verdadeiras, nesse caso, ela imprimirá nossa declaração. Mas se uma das condições for falsa, ela retornará falsa e não executará nossa declaração. Nosso próximo operador é o operador lógico. Se uma das condições for verdadeira, ela executará nossa declaração. E se ambas as condições forem verdadeiras, ele também imprimirá nossa declaração, mas se ambas as condições falharem , não executará nossa declaração. Nosso último operador é lógico, não operador. Suponha que você diga várias condições, caso contrário, uma condição em sua declaração e, para usar o operador lógico não, você precisa digitar o sinal de exclusão antes do latão redondo Esse operador lógico sempre retorna o valor oposto. Se a condição for verdadeira, ela retornará falsa. E se a condição for falsa, ela retornará verdadeira. Então, sem perder tempo, vamos começar a prática e ver como funciona. E você pode ver na sua tela, lado a lado, eu abro meu Visa sto Coator e meu navegador usando a extensão Live Server, e meu navegador usando a extensão Live Server, eu já crio um documento ESTeML chamado Idexot Atmel, e também abro meu cosol no meu Primeiro, dentro dessa tag de script, vou criar uma variável, e o nome da nossa variável é igual a 20. Os dois primeiros nesta linha. Então, na próxima linha, vou usar a instrução EPS. Se estiver dentro do processo redondo, vou definir duas condições. Nossa primeira condição é H, maior que igual a 18, e agora vou usar nosso operador lógico. Aqui, vou usar o n lógico, para isso apenas para digitar duas vezes e uma pessoa seno É lógico n, e H menor que igual a 21, então dentro das calibragens. Vou digitar o log de pontos do console dentro da rodada ss, você está qualificado. Então, seis dois nesta linha. Aqui você pode ver, primeiro, que definimos um nome de variável H e H atribuído com 20. Insira a condição p, definimos o total de duas condições e, em seguida, insira a instrução p, definimos o total de duas condições usando o operador lógico Se ambas as condições forem verdadeiras , elas retornarão, por exemplo. Caso contrário, ele não retornará essa declaração. Como você pode ver, para criar essa condição, usamos operadores de comparação maiores que iguais a e menores que iguais a. Portanto, se eu definir esse arquivo, como você pode ver na seção de impressão do meu console , você está qualificado, porque ambas as condições são verdadeiras, porque 20 é maior que 18 e também menor que 21. Mas se eu passar 24 aqui e depois definir esse arquivo, como você pode ver, agora ele não imprime nenhuma declaração em nosso console. Agora essa condição retorna falsa. É por isso que ele não executa nossa declaração. Então, dessa forma, usamos o operador analógico. Agora vamos falar sobre nossa próxima operadora, que é nossa operadora. Para isso, precisamos usar esse sinal duas vezes. Deixe-me te mostrar. Ovelha, abaixo do espaço traseiro, você pode ver a placa para amarrar Se eu definir esse arquivo, como você pode ver, é impresso, você está qualificado. Porque se uma das coníons for verdadeira, ela imprimirá nossa declaração Além disso, eu, ambas as cebolas são verdadeiras. Se eu passar 20 e depois definir esse arquivo, como você pode ver, ele também imprime nossa declaração. Mas se ambas as condições forem escritas como falsas, ela não executará nossa declaração. Deixe-me te mostrar. Eu quero aumentar o e l. Aqui eu quero digitar 88, e aqui eu vou passar 70. Se eu definir esse arquivo, como você pode ver, agora ele não imprime nossa declaração porque agora as condições são lidas e diminuem. Esse é o uso do operador lógico. Agora vamos falar sobre nosso último operador, que é lógico, não operador. Neste exemplo, vou remover nossa declaração. Aqui, vou digitar console dot log in set the down grasses Primeiro, vou usar nosso operador lógico não, que é o sinal de exclamação. Em seguida, vou digitar H maior que igual a dois, 15 e, em seguida, ponto e vírgula dois nesta linha Se eu definir esse arquivo, como você pode ver, ele cai. Mas, na realidade, a condição é verdadeira porque 20 é maior que 15. Mas se usarmos o operador lógico não, ele sempre retornará o oposto. Se a condição for verdadeira, ela retornará falsa e, se a condição for falsa, retornará verdadeira. Se eu aumentar o valor e, em seguida, definir esse arquivo, como você pode ver, esse é o uso de nossos três operadores lógicos. Obrigado por assistir a este vídeo . Confira nosso próximo tutorial. 15. Tutorial de declaração de JavaScript If Else: Olá pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo tutorial relacionado ao JavaScript. E neste tutorial, vamos aprender Java Script, instrução if. Mas antes precisamos entender o que é a declaração if. Em nossos tutoriais anteriores, aprenderemos como as declarações funcionam IPS significa condição, e nossa condição escrita como verdadeira ou falsa vontade E se estiver escrito como verdadeiro, então precisamos executar nossa declaração. Mas neste tutorial, falaremos sobre declaração. Se a condição for escrita como falsa, nesse caso, ela executará nossa segunda declaração. Isso significa que não voltará mais em branco. Alguns resultados aparecerão à sua frente. Isso significa que criamos condições diferentes para o valor verdadeiro e também para o valor falso. Então, vamos tentar entender como podemos usá-lo em JavaScript. Como você pode ver, temos a declaração ep e, se a condição for verdadeira, ela imprimirá essa declaração. E se a condição for escrita como falsa, ela será saltada para a seção L. Em seguida, são escritas essas declarações. Deixe-me mostrar um exemplo real. Suponha que tenhamos um nome de variável X e X N com 30. E então eu uso a declaração if. Se x for maior que 50, imprima um log de pontos do console maior E, como você pode ver, x não é maior que 50 porque o valor X é 30, e agora ele vai pular para a seção L e, em seguida, executará o consol dot log menor Então, espero que agora você tenha entendido como as porções funcionam. Então, sem perder tempo, vamos começar a prática e ver como funciona Aqui você pode ver, lado a lado, que abro meu visa studio cored e meu navegador usando a extensão light sever, e já crio um documento ESTeML chamado Primeiro, vou pegar uma variável x, x assiu dois, para sempre terminar esta linha Agora vou usar a declaração if. Se dentro dos parênteses, vou definir uma condição x maior que C t, então dentro da declaração, log de pontos do console Dentro dos códigos duplos, vou imprimir, x Em seguida, terminamos essa linha. Além disso, vou criar a parte S. Então, dentro das caixas, registro de pontos do console de impressão Ham dentro dos parênteses x X é menor. Em seguida, ponto e vírgula dois nesta linha. Se eu definir esse arquivo, como você pode ver, é impresso, x é menor. Mas se eu aumentar o valor x, 22, e depois definir esse arquivo, agora você pode ver que é impresso, x é maior. Deixe-me mostrar um exemplo real. Para isso, vou pegar um novo v n em um M. Dentro do duplo, vou digitar ad one M. Com isso, vou pegar outra variável, e nossa próxima variável é Z Zener E Zener é homem. Em seguida, g para finalizar essa linha. Dentro da declaração, vou digitar I Zener e aqui vou usar igual ao operador Zener é igual ao masculino, depois imprime, quero imprimir olá Sr. Olá, Sr.. Além disso, quero imprimir o nome. É por isso que vou chamar a variável de nome. N. Como você pode ver, o sinal não é usado para adição. É usado para concatenação. Usando a concatenação, podemos unir dois fluxos diferentes. Além disso, você pode unir valores numéricos com st usando. Vamos aprender sobre isso em nosso próximo tutorial. Então, em nosso depoimento, quero imprimir Olá, M. Hare in. Vamos configurar esse arquivo e ver o que aconteceu. Se eu definir este arquivo, como você pode ver, olá, Sr. Add one Mach Como nosso gênero é masculino, por isso que imprimimos esta linha. Mas se eu dissesse sexo, cabelo feminino, deixe-me te mostrar. E depois de definir esse arquivo, agora você pode vê-lo impresso. Olá, quem é você? Está claro para você como podemos usar essa declaração na vida real. Isso é tudo para este tutorial. No próximo tutorial, você aprenderá as condições do LCI, estado e um para o nosso próximo tutorial 16. Tutorial de JavaScript if else: Bem vindos de volta, pessoal, mais uma vez, estou de volta com um novo tutorial relacionado ao script Java. Neste tutorial, aprenderemos o script Java, a instrução Eels Ep Vamos tentar entender o que é a declaração de Ils Ep. Em nossos tutoriais anteriores, aprendemos sobre a declaração e a declaração Ep Mas neste tutorial, aprenderemos a declaração Ep ifelse Quero dizer que podemos definir várias condições em nossa declaração do EP. Como você pode ver, criamos uma condição de EP. Depois disso, criamos outra condição ep. Se a usarmos, significa que se nossa primeira condição for verdadeira, ela não executará essa condição. Mas se nossa primeira condição for falsa, ela verificará essa condição. Condição dois. Eu quero dizer que então isso vai entrar na declaração da LC Se a condição for escrita como falsa, ela executará a parte L e as partes mais importantes, podemos definir várias instruções LC em nossa condição p A parte principal que vamos aprender neste tutorial é L. Deixe-me mostrar um exemplo real disso. Como você pode ver, se H for menor que 18, então em nosso console, eu quero imprimir, U ou muito jovem. Com isso, quero estabelecer outra condição nesta declaração do PE. É por isso que usamos LC. LC, H menor que 30, nesse caso, quero imprimir, sou bem-vindo Se ambas as condições escritas caírem, nesse caso, em nossa seção L, eu quero imprimir, não permitir. E neste tutorial para demonstração prática, vou usar essa porcentagem e um ótimo gráfico. Se o resultado for 80-100%, nesse caso, é para devolver o mérito E se resultar entre 62, 79%, nesse caso, é para retornar a primeira divisão, e resultar entre 45% e 59%, nesse caso, para retornar, segunda Eu resultado de 30 a 44%, depois devolvo a terceira divisão e, se for menor que 33, retornarei à falha Vamos criar um aplicativo usando a condição LCP. Sem perder seu tempo, vamos começar pela prática. Como você pode ver, lado a lado, abro meu código do Visual Studio ou meu navegador usando a extensão de servidor Light e já crio um documento ESTiml chamado Index Dot EStiML chamado Index Dot EStiML Primeiro, vou criar uma variável lá e o nome da nossa variável é porcentagens PER. Aqui vou definir um valor, 56, e podemos alterar as porcentagens mais tarde. Agora vou criar uma condição de EP. Aqui estou digitando, se dentro da condição EP, porcentagem for maior que igual a oito t, então vou usar o operador lógico e final, e porcentagens, menores que iguais a 100, então eu quero imprimir na minha seção de documentos, escrever pontos do documento entre parênteses, são válidas Em seguida, ponto e vírgula dois nesta linha. Isso significa que se algum aluno pontuar entre 82, menos de 100, caso contrário 100, nesse caso, precisamos retornar, você é casado. Para nossa próxima condição, vou copiar esta seção. Aqui, antes de começar nossa próxima condição, precisamos usar LC Em seguida, precisamos definir a condição. Como você pode ver, colamos a condição após a declaração LCP Agora vou mudar apenas as marcas. Então eu vou remover 80 e Amuno pas 60. Aqui também vou remover o igual a seno e Hamono pas 80, abaixo de 80 Isso significa que os alunos pontuam 60, caso contrário, maior que 60 e abaixo de 80. Nesse caso, precisamos retornar na primeira divisão. Primeira divisão do tipo Ham. Então, para acabar com essa linha. Essa é uma das instruções LC, mas vamos usar várias instruções LC Para isso, vou copiar esta seção e colá-la depois das cdbras Desta vez, mais uma vez, vou mudar o escopo. Se a porcentagem for maior que igual a 45 e a porcentagem for menor que 60, nesse caso, precisamos passar pela segunda divisão. U R na segunda divisão. Em seguida, vamos criar condições para a terceira divisão. Estou ultrapassando a condição de LCP mais uma vez. Seu passe Am se a porcentagem for maior que igual a 33 e porcentagens menores que 45, imprima UR na terceira divisão Agora vou usar nossa última declaração LC. Nesta declaração, vou usar apenas uma condição, não vou compará-la. Aqui eu vou passar e por cento é menor que 33. Nesse caso, eu quero imprimir ou falhar, e E, ambas as condições escritas como falsas, nesse caso, precisamos criar a peça. L. Em vez da calibração, eu quero imprimir, escrever pontos do documento; em vez dos parênteses, insira Em seguida, ponto e vírgula dois nesta linha. Vamos configurar o arquivo e ver se ele funciona perfeitamente ou não. Se eu definir esse arquivo, como você pode ver, é impresso, você está na segunda divisão. Como você pode ver, a porcentagem é 56 e é 45-60. É por isso que está escrito, você está na segunda divisão. Mas se eu alterar a porcentagem, aqui vou passar 98 e, em seguida, definir esse arquivo. Agora você pode ver que você tem mérito. Quero dizer que, se uma das condições for verdadeira, ela superará todas as condições, até mesmo que seja. Da mesma forma, se eu passar 22 e definir este arquivo, agora você verá que está falhando. Mas por engano, se eu passar mais de 100 104 e depois definir esse arquivo. Agora você pode ver, insira porcentagens válidas. Agora, ele executará nossa parte LS porque todas essas condições são escritas como falsas. Além disso, também podemos passar flutuando baixo. Deixe-me te mostrar. Se eu passar 80,89 65 e, em seguida, definir este arquivo, como você pode ver, você está no Mart. Também é trabalho. Basicamente, criamos um aplicativo mais simples usando uma condição LCP. Lembre-se de que você pode definir várias condições de LCP o quanto quiser Espero que agora esteja claro para você como podemos usá-lo. Obrigado por assistir a este vídeo, indique Tune para nossa próxima turnê. 17. Tutorial de operador ternário condicional de JavaScript: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um script Java relacionado a neurais e, neste teste, aprenderemos o operador Tina condicional do script Java Este operador funciona como se fosse a condição de I. Vamos ver a principal diferença entre a condição de FL e a condição binária. operador tenário também tem uma condição e, como você sabe, todas as condições têm dois resultados Verdadeiro ou falso e podemos executar declarações diferentes de acordo com o resultado. Para verdadeiro, podemos executar uma declaração diferente e, para falso, podemos executar outro comando. Portanto, é muito semelhante à condição do IFs. Então, vamos ver como podemos digitá-lo em JavaScript. Primeiro, você precisa criar uma condição e não precisa digitar I para isso. Você também pode usar prensas redondas. Então você precisa usar o sinal Kosten Mark. E se sua condição for verdadeira, então você executa esta primeira parte. E se sua condição for escrita como falsa e depois de dois pontos, você precisará passar a declaração falsa Então, como você pode ver, age como a condição de L, mas não parece a condição de L. E a principal diferença entre operador T ternady e a condição eL é que você não pode usar várias condições nesta declaração Em nossa condição usando L C, podemos definir várias condições, mas no operador ternário, basicamente, passamos por uma Então, vamos ver um exemplo de como isso acontece. você pode ver, colocamos duas variáveis, A e V. E também, você pode notar que atribuímos um valor em nossa variável A. Mas acabamos de declarar a variável V. Vamos ver como podemos usá-lo com o operador ternário. Como você pode ver, se A for maior que 15, atribuímos o valor dois. Caso contrário, se essa condição cair, nesse caso, atribuímos quedas de valor e, como você pode ver, 20 é maior que 50. É por isso que ele atribuirá valor verdadeiro em nossa variável V. E então podemos imprimi-lo normalmente. Sem perder tempo, vamos começar a prática e ver como funciona Aqui você pode ver, lado a lado, que abro meus vistos para seu coator e meus cães usando a extensão Live Sever, e eu já crio um documento de estimativa chamado Como de costume, vou usar uma variável que A, A é 25. E então eu vou usar o operador Turnary. Então, dentro do parêntese, depois dentro da prensa redonda, vou digitar A igual a 25 Como eu disse, se usarmos, o operador Turnary precisará usar o sinal quot Mark Além disso, vou declarar uma variável. Aqui, eu vou para B. Há uma vantagem nesta linha Em Hamer, passe B. Se o valor A for igual a 25, então eu quero atribuir verdadeiro em nossa variável Igual a, eu quero digitar true. E se a condição não for verdadeira, então eu quero atribuir false em nossa variável. Antes de criar a peça, precisamos usar dois pontos. Clique em B para atribuir com false. Em seguida, envie para esta linha, e agora eu quero trazer esse valor para o nosso console Aqui, vou digitar o log de pontos do console e definir os parênteses, B. Em seguida, marque dois pontos nesta linha Então, se eu definir esse arquivo, você pode ver na seção do meu console, é dez verdadeiro. Mas se eu passar 55 aqui e depois definir esse arquivo, agora você pode ver que são dez quedas. Além disso, também podemos reduzir mais caracteres dessa linha. Para isso, vou duplicar essa linha e comentar uma anterior Aqui eu vou reduzir B e ser igual ao sinal. Como você pode ver, já declaramos valor, e aqui eu quero atribuir um valor em nosso viável Aqui eu vou digitar B igual a, e eu uso o operador stanar para atribuir o valor Se eu definir esse arquivo, como você pode ver, ele também é escrito como falso. E se eu passar 55 aqui e esse arquivo, você também pode ver que está escrito como verdadeiro. É a média de acordo com a condição, está escrito como verdadeiro, e eu quero atribuir esse valor verdadeiro em nossa variável V. Você pode usar qualquer operador de comparação. Além disso, você pode usar lógico e um operador lógico ou. Como você pode ver, criamos uma condição em uma única linha. Mas se usarmos a condição P para isso, precisamos digitar várias linhas. Além disso, também passamos uma mensagem com isso. Deixe-me te mostrar. Aqui, vou digitar dentro dos códigos duplos, o valor é e, em seguida vou usar o operador de concatenação E como eu disse, os colchetes redondos são opcionais para um operador ternário Então eu vou tirar este deste lugar e usá-lo por pele. Se eu definir esse arquivo, agora você pode ver que é st, o valor é verdadeiro. De acordo com a condição, é Stan the v. Você pode criar qualquer tipo de condição usando operadores. Você pode usar maior que seno, menor que seno, maior que igual a seno, etc Só precisa se lembrar de que não é possível passar várias declarações neste local. Então, espero que agora esteja lá para você. Obrigado por assistir a este vídeo, sintonize nosso próximo tutorial. 18. Tutorial de caso de comutação de JavaScript: Olá, cara, é bom ver você. Mais uma vez, estou volta com um novo tutorial relacionado ao script Java. Neste tutorial, aprenderemos Java script, switch case statement. Essa declaração é muito semelhante às condições de IP if else. Vamos ver a sintaxe de como escrever. Tão rápido, precisamos digitar switch. Então, dentro do latão redondo, precisamos passar uma expressão Talvez N. Caso contrário, N V. Então, verificamos esse valor nessa condição. Mas antes de verificar a condição, você precisa digitar a palavra Ks Q. Em seguida, você pode criar uma condição usando qualquer operador de comparação. Você pode usar o lógico e, de outra forma, o lógico. Então, se a condição for verdadeira, ele executará a declaração. Se a condição for escrita como falsa, ele verificará sua próxima condição. Da mesma forma, se for escrito como falso, novamente, ele verificará a condição três e qualquer condição escrita como verdadeira , quebrará a instrução Switch. E isso não vai mudar nenhuma outra condição. Usando a palavra de freio, podemos parar a execução. Semelhante à condição else, temos o padrão na instrução switch. Se alguma condição não retornar verdadeira , você executará nossa instrução padrão. Só precisa se lembrar que precisamos usar s e o cabo de freio antes e depois Freios significam que nenhuma declaração é executada depois disso. Sem perder tempo, vamos começar a prática e ver como funciona Aqui você pode ver lado a lado, eu abro meu criador visual de Sudo e meu navegador usando a extensão Lp Server, e eu já crio o nome do documento ESTeML index Vamos começar a trocar a declaração de caso. Mas antes eu vou criar uma variável. Martelo tipo V, e nossa variável m é D D igual a um. Em seguida, submeta dois neste slide. Agora, quero criar uma declaração de caso de troca. Aqui vou passar um número do dia, que retornará o nome do nosso dia como um para domingo, dois para segunda-feira, três para terça, etc Vamos criar a caixa do switch. Aqui vou digitar switch. E Inside the undress, vou passar o nome da nossa variável, e nossa variável me é dia, e aqui, vou passar o primeiro caso Depois de dois pontos, vou digitar o ponto do documento dentro dos parênteses dentro do duplo cos, dois Em seguida, semicone dois nesta linha. Se passarmos no primeiro caso, então escreva na segunda-feira, e agora vou duplicar essas linhas seis vezes durante nossos seis E agora vou mudar a condição do caso e a declaração uma por uma. Para o caso dois, quero imprimir, hoje é terça. Da mesma forma, para o caso três, quero imprimir. Hoje é quarta-feira. Da mesma forma, para o caso quatro, quero imprimir na quinta-feira. Para nosso caso cinco, quero imprimir, hoje é sexta-feira, e para C seis, vou imprimir, hoje é sábado, e precisamos criar outra declaração de caso. Então, vou selecionar essa linha e duplicá-la. Para K seven, quero imprimir, hoje é domingo. Como você pode ver, um por um, criamos cada declaração de caso para nossos nomes de dias da semana Para nossa declaração padrão, quero imprimir. Deixe-me mostrar aqui que eu quero imprimir, inseri o dia útil válido. Vamos configurar o arquivo e ver o que ele escreveu. Se eu definir esse arquivo, como você pode ver, é impresso, hoje é segunda-feira, porque atribuímos o valor um. Da mesma forma, se eu passar por e depois definir esse arquivo. Agora você pode ver, agora está impresso, hoje é quinta-feira. Como você pode ver, essa condição é verdadeira. É por isso que imprime essa declaração. Depois de imprimir esta declaração, nosso freio Qd, pare de executar outra condição. Quero dizer que, se a condição for escrita como verdadeira, interrupção não permite executar outra condição. Mas o que aconteceu? Se eu remover palavra de freio de nossas declarações, deixe-me mostrar a você Um por um, vou remover toda a palavra do freio. Se eu definir esse arquivo, como você pode ver, como você pode ver depois de quinta-feira, ele não para de ser executado e imprime toda a instrução Hoje é sexta-feira, hoje é sábado, hoje é domingo. E também imprime intervalos Weekday, que é nossa declaração padrão A chave break era muito necessária na declaração do caso switch. Vamos voltar para a posição anterior porque preciso de uma pausa. Se eu definir esse arquivo, como você pode ver agora, ele funcionará com precisão. Espero que agora esteja claro para você. Qual é a utilidade do break war? Deixe-me te mostrar uma coisa. Agora eu quero imprimir o mesmo valor para o caso um, caso dois e caso três. Para isso, podemos digitar assim. Vou copiar o caso dois e, depois do caso um, vou colá-lo. Da mesma forma, vou copiar o caso três e, depois do caso dois, vou colá-lo aqui. Agora vou remover essas duas condições. Aqui, vou passar pelo caso três. Se eu definir esse arquivo, como você pode ver, hoje é segunda-feira. Dessa forma, podemos retornar o mesmo resultado para casos diferentes. Como você pode ver no caso um, caso dois e caso três, volte hoje é segunda-feira. Basicamente, podemos verificar vários casos em uma única linha. Além disso, você pode passar aqui várias declarações. Vou datar esta linha, e aqui vou passar olá. Se eu definir esse arquivo, você poderá ver o resultado hoje, segunda-feira, olá mundo. Agora vou mostrar como podemos usar a declaração switch case com o operador de comparação? Para isso, vou usar uma variável chamada H. Vou usar H 30. Aqui vou trabalhar com apenas três ou quatro casos. Aqui eu vou deletar todos os casos. Dentro da SS redonda, eu vou passar. Isso significa que a declaração de caso do switch deve continuar. Aqui, não passamos por nenhum wh, mas ele liga automaticamente nosso interruptor porque dissemos roda verdadeira Mas aqui, eu só quero usar o operador de comparação. Dentro da prensa redonda, e aqui, vou criar uma condição. H maior que igual a 18. Com isso, vou usar um operador, e menor que igual a 25, então quero imprimir no meu documento. Vou remover uma declaração de documento e aqui eu quero imprimir, você está qualificado. Esta é nossa primeira condição de caso, e vou duplicar esta seção novamente. Quero criar outra condição de caso. Desculpe, eu cometi um erro. Aqui, precisamos usar maior que igual a seno. Se for maior que igual a 26 e menor que igual a 60, então eu quero imprimir, você não está qualificado. Em nossa declaração divert, quero passar a inserir a página válida Hg Vamos configurar o arquivo e ver o que está escrito. Se eu definir este arquivo, como você pode ver, aqui você pode ver, é impresso, digite a idade válida. Acho que cometi algum erro novamente. Aqui, precisamos usar sinal maior que. Se eu definir esse arquivo, agora você pode ver que você não é elegível. Como você pode ver, nossa idade é de 26 a 60 anos. É por isso que é impresso, você não está qualificado. Mas se eu mudar a idade, 22 anos, e definir esse arquivo, agora você pode ver que está qualificado. Mas se eu passar um valor menor que et e maior que 60 , ele passará para a declaração padrão e Print inserirá a idade válida. Deixe-me te mostrar. Aqui eu passo 15 e, em seguida, defino esse arquivo, como você pode ver, insiro a idade válida. Além disso, se eu passar 77 e definir esse arquivo, como você pode ver, ele também é impresso, insira a idade válida. Porque aqui criamos dois casos. Nossa primeira caixa, borda de alça 18-25, e nossa segunda caixa, borda de alça entre 26 e menos de 60 Aqui, quero mostrar como podemos usar instrução switch case com operadores de comparação. Espero que agora esteja claro para você. Obrigado por assistir a este vídeo, aguarde nosso próximo tutorial. 19. Tutorial de caixa de alerta de JavaScript: Olá, pessoal, é bom ver vocês. Mais uma vez, estou de volta com um novo tutorial relacionado ao JavaScript. E neste tutorial, vamos aprender a caixa de alerta do Java Script. Basicamente, usamos a caixa de alerta para exibir a mensagem. Além disso, podemos mostrar valores diferentes na caixa de alerta. Sem perder seu tempo, vamos começar a prática e ver como podemos usá-la você pode ver lado a lado, eu abro meu editor de código do estúdio de usuário e meu navegador usando a extensão light de servidor, e eu já crio um documento ESTiml chamado Index dot stem Então, primeiro, dentro da tag do script, vou digitar alert. E então precisamos fornecer latão redondo. Aqui podemos exibir qualquer mensagem. Além disso, você pode exibir qualquer variável. Eu coloco o latão redondo, vou digitar, o duplo es, hello world Em seguida, semicone dois nesta linha. Se eu definir esse arquivo, aqui você pode ver em um navegador, ele fornece uma caixa de alerta e imprime uma palavra de saudação. É uma caixa pop-up enlatada. Se eu pressionar, removerá a caixa de alerta. Se você quiser mostrar uma mensagem em um pop-up, nesse caso, você pode usar a caixa de alerta. Vamos usar a caixa de alerta com uma condição. Aqui, primeiro, vou criar duas variáveis. A A SN 15 e, em seguida, semicone dois nesta linha Então eu vou duplicar essa linha e nossa próxima variável é B e B e 20 t. Agora vou criar uma condição EP Se estiver dentro do latão redondo, A, maior que B, então dentro das panturrilhas e depois dentro das panturrilhas, vou chamar Aqui, vou passar uma mensagem. A é maior. Em seguida, subgo line. Em seguida, vou criar o sp. dentro das calibragens, mais uma vez, vou ligar para a caixa de alerta, Alerta, e quero imprimir B é maior Em seguida, fuligem até esta linha. Vamos configurar o arquivo e ver o que aconteceu. Se eu definir esse arquivo, como você pode ver, ele está escrito na caixa de alerta. Se eu imprimo, B é maior. Se você quiser mostrar a bagunça com muita argência e foco, nesse caso, você pode usar a caixa de alerta E para remover a caixa de alerta do nosso navegador, precisamos pressionar. Além disso, também podemos passar um valor simples em nossa caixa de alerta. Se eu passar nossa variável, A e eu passo ou variável B. E se eu definir o solo, você pode ver o resultado. C. Está escrito B. Eu só quero mostrar que você pode imprimir qualquer massa, caso contrário, você pode pintar qualquer variável Além disso, você pode mostrar concatenar em. Deixe-me te mostrar. Aqui vou digitar dentro do código duplo Valor de Bs e agora preciso usar sinal de rede mais sinal concreto. Se eu definir esse arquivo, como você pode ver, impresso, o valor de B é 20. Além disso, você também pode fazer qualquer cálculo aritmético aqui. Deixe-me te mostrar. Aqui vou criar uma nova caixa de alerta. Alerta dentro da roupa, eu quero juntar A com B. Então vou acabar com essa linha Se eu definir esse arquivo, como você pode ver, corra cinco. Espero que agora esteja claro para você o que é a caixa de alerta e como podemos usá-la. Obrigado por assistir a este vídeo, Sun nos próximos dois. 20. Tutorial de confirmação de caixa de JavaScript: Olá pessoal, é bom ver você B. Mais uma vez, estou de volta com um novo tutorial relacionado ao script Java. E neste tutorial, vamos aprender o script Java, caixa de confirmação. Confirme a caixa, P é semelhante à caixa ALT. Mas confirme a caixa, faça uma pergunta, que você deve responder com sim ou não. E você pode executar seu próximo programa acordo com o resultado. Então, sem perder seu tempo, vamos começar a ver como isso foi resolvido Como você pode ver lado a lado, abro meu criador de estúdio de restauração e meu navegador usando uma extensão de servidor leve, e já recebo o ponto de índice do nome do documento EStel Então, aqui, dentro da tag do script , primeiro, vou digitar Confirm. Dentro da roupa, vou fazer uma pergunta, e nossa pergunta é: você gosta de Java Script Em seguida, semicone para finalizar esta linha. Então, vamos configurar o arquivo. Como você pode ver depois de definir o arquivo, ele retornou uma caixa de confronto E, como você vê, colocamos dois botões e cancelamos. E se você pressionar E significa que é parafuso, e se você pressionar cancelar, a média es é falsa. Se eu pressionar alguma delas, ela não reterá nada. Então, eu vou pressionar. Como você pode ver, não deu em nada porque não executamos o próximo programa. Vou definir essa caixa de confronto em uma variável. Então digite esse X igual a essa caixa de confronto. Então eu quero imprimir esta caixa de controle na caixa de alerta. Aqui vou ligar para o Alert. Se eu disser que pressiona, vou chamar a variável X. Há dois subórnios nesta linha Então, vamos tocar no arquivo e ver o que aconteceu. Como você pode ver, depois de recarregar meu navegador, ele imprime uma caixa de confirmação Você gosta de J? Então, aqui, eu vou pressionar. Depois de pressionar Ok, você pode ver, você pode ver minha caixa de alerta, está escrita porque pressionamos. Meios. Da mesma forma, se eu recarregar meu navegador e pressionar cancelar, agora você poderá ver que é um arquivo apagado Na maioria das vezes, nós o usamos com condição P. Deixe-me te mostrar como. Hm, dentro da paralisia, ou variável x. Então, dentro da classe, eu vou chamar Alert Alerta, quero imprimir boas-vindas. E então precisamos criar a condição s. Está, dentro dos calibradores. Mais uma vez, vou ligar para a caixa de alerta. Alerta. Aqui, eu quero imprimir, vá em frente. Em seguida, finalizamos este slide. Vamos configurar o arquivo e ver o que aconteceu. Então, pressione este arquivo e alerte este navegador. Como você pode ver, primeiro ele pede a lata. Você gosta de JS? Aqui, eu vou pressionar. Se sim , vale a pena. Da mesma forma, se eu realertar meu navegador e pressionar cancelar, nesse caso, ele imprimirá a parte s. Como você pode ver na impressão, vá em frente. Agora está claro para você como podemos usar a caixa de confirmação. Na maioria das vezes, nós o usamos com a condição EPL. Além disso, usamos essa caixa de confirmação com eventos, como eventos de botão. Quando pressionamos o botão , ele pergunta a ção. Se você pressionar S, prossiga mais adiante. Também o uso quando os usuários tentam fechar o navegador. Caso contrário, cancele esse download e aprenderemos sobre isso em nossos tutoriais atuais, como podemos usar a caixa composta com eventos Então, obrigado por assistir a este vídeo, diga até mesmo para nosso próximo tutorial. 21. Tutorial de caixa de prompt de JavaScript: Olá, cara, é bom ver você de volta. Mais uma vez, estou de volta com um novo tutorial relacionado ao script Java. Neste tutorial, aprenderemos a caixa Java Script Prompt. Em nossos tutoriais anteriores, aprenderemos sobre a caixa ALT e a caixa de confirmação Nossa caixa de aviso também é semelhante a essa. Mas as principais diferenças são que podemos obter dados do usuário usando a caixa de prompt. Sem perder seu tempo, vamos ver como podemos usá-lo na prática Como você pode ver, lado a lado, abro meu codator Visa Sudo e meu navegador usando a extensão de servidor Lb, e já crio um documento estil chamado Index dot estim documento Aqui, primeiro, vou digitar Prompt. E dentro da roupa, vou passar uma mensagem Qual é o seu nome? Em seguida, semicone dois na linha Vamos configurar o arquivo e ver o que aconteceu. Se eu definir esse arquivo, como você pode ver, é uma caixa de aviso e pergunta: qual é o seu nome? Se eu passar um nome e quiser digitar add one, depois vou pressionar, como você pode ver depois de pressionar, nada aconteceu aqui porque não usamos o valor. Para isso, vou atribuir esse prompt em uma variável. Aqui vou digitar v x, x assu nesta caixa de prompt O que quer que passemos na caixa de prompt, ele será atribuído a esse valor x, e eu quero imprimir esse valor em nossa seção de console. Aqui eu vou digitar console dot log dentro das rodadas, vou passar a variável x. Em seguida, semicon two nesta linha No meu navegador, vou abrir o painel do meu console. Vamos configurar o arquivo e alertar o navegador. Como você pode ver, depois de definir este arquivo, você pode ver a caixa de prompt e aqui, vou passar o nome de uma forma. Se eu pressionar, você poderá ver o nome na seção do meu console em um Manj Usando a caixa Pn, podemos obter dados do usuário e podemos obter qualquer tipo de valor usando caixa Pn, numérica, string, etc. Agora vou usar a caixa Pn com a condição IS Para isso, vou usar nosso exemplo antigo. Aqui, vou definir todas as linhas e removê-las. E vou colar nosso código de exemplo anterior. Como você pode ver neste exemplo, colamos os dados, mas eu quero obter os dados do usuário. Para isso, aqui vou usar a caixa de impressão. Pronto e dentro das prensas redondas, vou digitar sua porcentagem O que quer que nosso usuário passe, ele será atribuído à nossa variável PR. Então, de acordo com a condição do EP, ele imprimirá o resultado. Como você pode ver, depois de setembro, o arquivo tem a porcentagem Aqui eu vou passar de 67%. Então eu vou pressionar. Como você pode ver, é impresso, você está na primeira divisão. Ser 67 está entre essa condição, maior que igual a 60 e menor que igual a 80. É por isso que imprime, você está na primeira divisão. Agora, não precisamos alterar nenhum valor em nosso documento. Obtemos os dados diretamente do navegador usando a caixa Prompt. Espero que agora esteja claro para você. Como podemos usar o Prompt box em um exemplo real? Obrigado por assistir a este vídeo , aguarde nosso próximo tutorial. 22. Tutorial de funções de JavaScript: Olá, cara, é bom ver onde. Uma vez, estou de volta com um novo tutorial relacionado ao Java squeak, e neste tutorial, vamos aprender as funções de agachamento do Java Vamos ver qual é a situação em que temos que trabalhar mais sem função. E como podemos economizar tempo e esforço usando a função? Aqui, você pode ver, escrevemos três linhas usando o direito documentado. E depois dessas três linhas, digitamos outra linha de códigos. Então, novamente, precisamos usar as mesmas linhas. Então, como você pode ver, para isso, precisamos usar várias linhas de código. E talvez tenhamos que usar essa linha no futuro. Mas o problema é que, se tivermos que mudar essa linha, teremos que mudá-la de novo e de novo. Suponha que eu queira mudar o mundo das boas-vindas. Então, nesse caso, precisamos alterá-lo A L, e é um processo muito difícil e chato E também aumenta as linhas de código desnecessárias. Para resolver esse problema quirônico, temos funções. Por exemplo, criamos uma função chamada X Y Z. E, dentro das calibrações, dissemos essas três linhas de código E sempre que precisarmos usar essa linha de código, nesse caso, precisamos chamar nossa função XYZ E sempre que chamamos a função, depois do nome de uma função, precisamos usar run brass e depois enviar para finalizar essa linha E podemos chamar essa função quantas vezes quisermos. Como você pode ver, não precisamos digitar linhas desnecessárias repetidamente. E se quisermos alterar qualquer declaração , precisamos apenas alterar a função, e ela será aplicada em todo o código. Agora, vamos falar sobre a sintaxe. Como podemos digitar em JavaScript. Primeiro, precisamos usar a palavra-chave function e, em seguida, atribuir um nome para essa função. No nosso caso, o nome da nossa função é name. E lembre-se, você não pode fornecer nenhum espaço no nome da função. E também, você pode usar o estojo de camelo. Com isso, você pode usar o sublinhado, mas não pode fornecer nenhum espaço nesse nome Depois disso, você precisa usar duas corridas redondas. E então, dentro das corridas de cores , você pode definir sua declaração e escrever quantas linhas de código quiser aqui. E sempre que você precisar chamar a função, basta digitar o nome da função, depois rodar as corridas e ir até essa linha E o lugar onde criamos a função é chamado de definição de função Caso contrário, podemos chamá-la de declaração de função. E sempre que precisarmos chamar a função, podemos chamá-la chamando uma função. E podemos chamar a função quantas vezes você quiser. Então, sem perder tempo, menos 30% de praticidade e veja como doeu Como você pode ver, lado a lado, abro meu visual para Cordtor e meu irmão usando a extensão Light Server, e eu já crio um documento de estimativa chamado Index dot Então, dentro dessa tag de script, primeiro, vou criar a função. Para isso, precisamos digitar a função QR. Função. E então precisamos passar o nome da função, e o nome da nossa função é hello. E então introduzimos as corridas redondas. E qual é o uso real das corridas redondas que aprenderemos em nossos próximos tutoriais Então, dentro da chamada ss, vou digitar nossa declaração. Ei, vou digitar o ponto do documento diretamente dentro do ss redondo, e dentro do duplo cos, vou digitar olá a todos. O núcleo para acabar com essa linha. Como você pode ver, olá, declaramos a função hello. E agora precisamos chamar a função. Para isso, basta digitar o nome da função. Olá. E então precisamos usar corridas redondas. O sêmen para acabar com essa linha. Se eu definir esse arquivo, como você pode ver, ele será impresso. Olá a todos. Além disso, se eu duplicar essa linha várias vezes e definir esse arquivo, agora você poderá vê-lo imprimir Olá, pessoal Várias vezes. E agora eu decido mudar de ideia. Eu não quero imprimir. Olá, pessoal. Quero imprimir Olá e bem-vindo. Para isso, basta mudar na definição da função. Aqui eu vou digitar. Olá e bem-vindo. Se estiver satisfeito, você pode ver o. Você precisa mudar apenas em um lugar e o resto será alterado automaticamente. Além disso, você pode digitar qualquer coisa entre essa chamada de função. Deixe-me te mostrar. Aqui eu quero digitar document dot write set the round says, eu quero usar o freio ta B R. Então semag para terminar esta linha Em seguida, quero imprimir docu dot write, e aqui eu quero imprimir, essa é a função pi E então semicon nesta linha. Se eu definir esse arquivo, você poderá ver o resultado. Como você pode ver, primeiro imprima, olá e bem-vindo à nossa chamada de função. Em seguida, fornece uma pausa. E na próxima linha que ela imprime, essa é a função torial Depois disso, ele imprime toda a instrução de chamada da função . Olá e bem-vindo. Eu só quero dizer que aqui você pode usar qualquer condição, loop, qualquer declaração, etc Além disso, podemos criar várias funções o quanto quisermos. Vou datar essa linha e criar uma nova função, e o nome da nossa função é name. E tipo Ham, meu nome é Adon. Se eu definir esse arquivo, como você pode ver, nada acontecerá. Não há alterações porque não chamamos a função. Aqui, vou usar outra etiqueta de quebra. Intervalo na data do documento. Então eu vou chamar a função de nome. Unha. Se eu definir esse arquivo, agora você pode ver, o atlas é impresso, meu nome está em um Então, isso é tudo para este tutorial. Acabei de apresentar o que é função e como funciona. E em nossos próximos tutoriais, aprenderemos a versão avançada das funções Obrigado por assistir a este vídeo, sintonize nosso próximo tutorial. 23. Funções de JavaScript com parâmetros: Mas, para ver vocês mais uma vez, estou de volta com um novo tutorial relacionado ao Java Script. Neste tutorial, aprenderemos as funções de divisão de Java com parâmetros Em nosso tutorial anterior, aprenderemos como podemos imprimir essas três declarações várias vezes usando a função. Precisamos criar a função e, em seguida, chamá-la. Mas toda vez eu quero algumas pequenas mudanças quando eu chamo as funções. Para isso, temos o parâmetro de funções. Vamos tentar entender isso. Como você pode ver neste exemplo, criamos duas variáveis x e y e dizemos valor X 12 e y valor 17. Em seguida, adicionamos esses dois valores em nosso Taku. Mas se precisarmos fazer o mesmo trabalho com valores diferentes, nesse caso, precisamos escrever essas três linhas novamente. Aqui, apenas perseguimos o valor da variável, nada mais. Para resolver esse tipo de problema, vamos criar uma função qual podemos passar parâmetros. Então, aqui você pode ver, criamos uma função, que é prego. E aqui pegamos duas variáveis A e V. Ambas as variáveis são parâmetros. E depois de obter o valor do parâmetro, podemos adicionar esses dois em nosso documento. Mas quando precisamos chamar a função, com isso, precisamos passar duas. No nosso caso, valor A e V, 19 e 80. Além disso, também podemos passar a variável m. No nosso caso, X e Y, o valor de X é 19 e o valor de y é oito. Então, basicamente, quero dizer que podemos usar essa função várias vezes com diferentes. Então, vamos ver a sintaxe, como podemos digitar js Primeiro, precisamos digitar a tecla de função. Em seguida, precisamos usar o nome de uma função. Você pode usar qualquer nome. Então, precisamos pegar os parâmetros. Dentro da grama, podemos usar variáveis como parâmetros. Você pode usar vários parâmetros o quanto quiser. E então, dentro da coleira, de acordo com o tipo e o valor do parâmetro, você pode executar qualquer instrução Você pode calcular qualquer declaração, você pode imprimir qualquer declaração. Você pode fazer o que quiser. E quando você precisa chamar a função, basta digitar o nome da função e, em seguida, passar o argumento um e o argumento dois. Você pode passar diretamente um valor de argumento. Caso contrário, você pode usar qualquer nome de variável como argumento. Então, qualquer valor que passemos no argumento um, ele vai para o parâmetro um. Da mesma forma para o argumento dois. Qualquer valor que passemos no argumento dois, ele vai para o parâmetro dois. Então, sem perder seu tempo, vamos começar a prática e ver como é ou Aqui você pode ver, lado a lado, que abro meu editor de código iso Studio e meu navegador usando a extensão Light Server, e já crio um arquivo estável de pontos de índice Então, primeiro, vou criar uma função. Para isso, primeiro, precisamos usar a função queer, function, e o nome da nossa função é hello Então, dentro do mar redondo, vou usar dois parâmetros. Nosso primeiro parâmetro é Fn e nosso segundo parâmetro é N, en significa primeiro nome e Lam significa sobrenome Caso contrário, sobrenome. Então, dentro do ss, vou imprimir o ponto do documento diretamente dentro do ss redondo, quero imprimir uma declaração. Dentro dos códigos duplos, eu vou dizer olá. Em seguida, mais seno, e eu vou chamar nosso primeiro parâmetro Caso contrário, nossa primeira variável, In Fn, depois mais seno, ou segunda variável, I. Em seguida, vá para o final desta Além disso, se você quiser espaço entre nome e sobrenome, precisará adicionar outro sinal de concretinação E entre eles, vou usar o double cos. Além disso, vou usar um espaço dentro do duplo. Agora, vamos chamar a função. O tipo dela, olá. Então, dentro do vestido, precisamos passar a discussão. Em nosso primeiro argumento, precisamos passar o primeiro nome, e eu vou passar adicionar um. Em seguida, precisamos usar CA e, em nosso segundo argumento, precisamos passar o sobrenome, que é ange. Em seguida, sem a coluna dois nesta linha. Se eu definir esse arquivo, aqui você pode vê-lo imprimindo hello em um mech. Se você notar, você pode ver não há espaço entre olá e adicionar um. Então, para isso, podemos fornecer um espaço após o olá. Se eu definir esse arquivo, agora você pode vê-lo imprimir hello em um mecanismo. Mas o que? Se não aprovarmos um argumento, deixe-me mostrar. Se eu remover o mech e, em seguida, definir esse arquivo Como você pode ver, é impresso, olá, depois é impresso indefinido Isso significa que nosso segundo parâmetro não chega a lugar nenhum. E se eu remover o argumento, e aí neste arquivo, agora você pode ver Olá indefinido, indefinido Para resolver esse tipo de problema, podemos definir o valor padrão em nossos parâmetros. Deixe-me semear. Aqui, vamos passar um valor padrão. Snam igual a dentro do curso duplo. Vou digitar Na e um nome igual a dentro do curso duplo, vou passar por SN. Se eu definir esse arquivo, como você pode ver, por padrão, ele imprime hello name surname Então, o usuário fornecerá o parâmetro e, nesse caso , imprimirá o padrão, nome e sobrenome Mas se os usuários passarem seus nomes, deixe-me mostrar H n Type, roda de primeiro nome. E o segundo nome do coma dentro da aspa dupla Smit. Se eu definir esse arquivo, agora você pode ver que ele imprime hello Wheel Smel Basicamente, o parâmetro sobrecarrega a roda padrão. Então, espero que agora esteja um pouco claro para você como podemos usar parâmetros com funções. E agora vou chamar essa função várias vezes. Nesta declaração, vou concatenar um break it. Além disso, dentro dos códigos duplos B R. E eu vou duplicar essa linha, olá E nessa função, vou passar um nome e sobrenome definidos E aqui eu quero passar pelo Step Sma. Se eu definir esse arquivo, agora você pode ver em nossa segunda linha um sprint hello steps Além disso, também podemos executar cálculos usando a função. Sobre isso, vou criar uma outra função. Oi, eu tenho duas funções temporais. Função e nosso nome de função é soma. Então, dentro do processo descendente, eu vou pegar dois parâmetros, A e B. Então eu vou amarrar Dom que, dentro do processo redondo, eu vou adicionar esses dois parâmetros A mais B, depois semicon a n nesta linha Agora vou declarar duas variáveis. Nossa primeira variável é X. H para digitar X. Atribua 23. Atribua Então eu vou descrever essa variável, e nossa próxima variável é y. Y, 30 E agora eu quero chamar essa função, ou alguma função. Então, dentro do redondo, diz: Aqui eu quero passar duas variáveis lim como argumento X, com Y. Então vá até esta linha Se eu definir esse arquivo, como você pode ver no meu navegador, é print 53. Em nossa função anterior, passamos diretamente o V. Mas nessa função, definimos o valor em uma variável e, em seguida, passamos a variável como argumento. Então, espero que agora esteja completamente claro para você como podemos usar parâmetros com funções. Obrigado por assistir a este vídeo, diga para o nosso próximo ao v. T. 24. Funções de JavaScript com tutorial de valor de retorno: É bom ver vocês de volta, pessoal, estou de volta com um novo tutorial relacionado ao Javask Neste tutorial, aprenderemos a função com véu escrito Em nosso tutorial anterior, você aprende como podemos usar parâmetros e como podemos enviar argumentos para esse parâmetro e imprimir resultados diferentes de acordo com o véu Mas em algumas situações, não precisamos escrever o valor em nosso documento. Eu quero usar esse cálculo em outro lugar no futuro. Para isso, não precisamos usar a declaração escrita. Precisamos usar uma declaração escrita. E para retornar esse valor, temos um método especial na tela Java. Então, vamos tentar entender. Precisa vincular o QR escrito e o valor. E nosso valor escrito será atribuído a esse nome de variável. No nosso caso, Z. Então, como você pode ver, quando chamamos a função, ela armazenará o valor escrito em nossa variável Então, sem complicar , vamos começar a prática. Como você pode ver na tela lado a lado, abro meu codator visas e meu navegador usando a extensão light E eu já criei um documento de estimativa Name index dot STML Além disso, você pode ver dentro dessa tag de script que já criamos uma função Name. E a ele passamos dois parâmetros, F name e name. E também dizemos nome e sobrenome diferidos. E agora não quero imprimir nosso nome e sobrenome na minha página da web. Eu quero devolver o óleo. Para isso, primeiro, vou pegar uma variável à qual A, A é igual. Agora vou chamar nosso parâmetro. Nosso primeiro parâmetro é o nome F. Nome F. Então eu vou usar a congregação si Dentro do duplo cos, vou fornecer um espaço e, depois do duplo cos, vou usar o seno de congenição novamente, depois Um Semcal dois nesta linha. Como você pode ver, começamos o valor na variável A e agora eu quero retornar esse il. Para isso, precisamos usar palavras escritas. Retorne, retorne A e Semcal para nesta linha. Sempre que chamarmos a função , retornaremos uma variável. Agora, vamos chamar a função. O nome da nossa função é name. Eles estão dentro da roupa, O primeiro argumento é adicionar um, e vírgula e nosso segundo argumento é atendido e Sec dois nesta linha Se eu definir esse arquivo, como você pode ver, ele não imprime um estado porque, seja qual for o valor escrito, não usamos esse véu Para isso, vou armazenar essa função em uma variável novamente. Aqui, vou criar isso e nossa variável s n para nome igual à nossa função. Então eu vou imprimir essa variável. Então digite o ponto do documento diretamente dentro da nudez n. O sem milho dois nesta linha Se eu definir esse arquivo, agora você pode ver que é impresso em um Mach. Então, quando passamos o valor como argumento, ele será armazenado nesse parâmetro. Em seguida, ele calcula o parâmetro e o atribui a essa variável. R. E então retornamos essa variável usando valor escrito e o valor escrito atribuído a essa variável n, e então imprimimos a variável n. É por isso que é impresso a um M., espero. Agora está um pouco claro para você como podemos usar o valor escrito. Agora, deixe-me mostrar um uso adverso da roda escrita. E agora vou criar uma função que retornará a porcentagem usando a fórmula. E aqui vou pegar um total de três parâmetros. Deixe-me te mostrar. Além disso, vou mudar o nome da função, que é alguns. E ele passa em Math, Sc e em 4 idiomas LNG Agora vou adicionar esses três parâmetros e aumentar esse valor nessa variável A. Sem digitar, sinais matemáticos mais linguagem. Agora vou criar um total variável. E ao definir essa variável, vou chamar essa função de soma. Soma do tipo Hm. Em seguida, defina a roupa, e aqui vou apresentar três argumentos 34, coma 56 coma 75. E se eu colocar o valor total aqui, total, e depois definir esse arquivo, como você pode ver, é re o valor total. Nós já aprendemos sobre isso. Como podemos usá-lo. E agora vou criar outra função. Quem vai devolver os percentuais. A função de tipo dela e o nome da nossa função é porcentagens. Então, dentro do latão redondo, vou passar apenas um parâmetro, e nosso parâmetro am é t significa total Então, dentro do latão redondo, vou criar uma variável e nossa variável m é porcentagem R é igual a dois, e para obter as porcentagens, precisamos dividir o total E então precisamos multiplicar essa divisão por 100. Agora, você pode retornar esse valor e também imprimir esse documento diretamente dessa função. Aqui, vou imprimir o documento diretamente dessa função. Seu documento de tipo está diretamente dentro das corridas redondas, aqui vou passar o nome da variável por porcentagem média Em seguida, sele para n nesta linha, e agora vou chamar essa função. Então, vou remover essa linha, e aqui vou chamar porcentagens Porcentagens dentro das corridas redondas. Aqui eu preciso passar o valor de retorno de alguma função, que é total, porque armazenamos o valor reten em total vari, H para passar o total H para passar e ponto e vírgula nesta linha Se eu definir esse arquivo, agora você pode ver, é imprimir o resultado, 55.001 Nossa primeira função retorna o total e nossa segunda função imprime as porcentagens Se eu mudar o número, deixe-me mostrar 58 e eles configuram esse arquivo, você pode ver, é também alterar as porcentagens Basicamente, aqui eu quero dizer que podemos usar o valor escrito em outra função como argumento. Então, espero que agora seja para você, o que está escrito e como podemos usar o valor escrito em outra função. Obrigado por assistir a este vídeo, fique ligado no nosso próximo codio 25. Tutorial de variável global e local de JavaScript: Olá Ga é bom ver você onde. Mais uma vez, estou de volta com um novo tutorial relacionado ao Javas. E neste tutorial, vamos aprender variáveis locais e globais. Então, vamos tentar entender o que é variável local e global. Como você pode ver, atribuímos uma variável z e seu valor é 49. Dentro da função, atribuímos outra variável y, e seu valor é 45. A variável fora da função é chamada de variável global e a variável dentro da função, que é chamada de variável local. Mas há uma diferença entre essas duas variáveis. Vamos tentar entender isso de forma prática. Como você pode ver lado a lado, abro meu editor de código Visa Studio e meu navegador usando a extensão Life Server e já crio um nome de documento de estimativa no Ezo estim E dentro da tag do script, primeiro, vou declarar uma variável A, que é uma variável global igual a 34. E então eu vou criar uma função chamada H. Function e nossa função mes. Então, dentro das caixas, vou digitar Dum dot corretamente É o ss, eu quero imprimir a variável A, um subcon para finalizar essa linha E agora eu quero chamar a função. A função mesa H e subgin para finalizar essa linha. Se eu definir esse arquivo, como você pode ver, ele imprime quatro, mas criamos uma variável fora da função. E agora eu quero imprimir esse valor sem função. Então, aqui vou digitar D um dot write dentro do ss ou variável em A, um semicícone para nesta linha Além disso, vou adicionar uma etiqueta de cerveja nesta declaração, que está dentro da função. Sinal Cgdion, insira os códigos duplos B. Se eu definir esse arquivo, agora você pode vê-lo nos pinos 34 e 34, nosso primeiro valor vindo da função H e nosso segundo valor vindo Aí, eu só quero dizer que podemos usar a variável global dentro e fora da função. Podemos usá-lo em qualquer lugar. Mas se eu mover essa tabela dentro dessa função, deixe-me mostrar para que eu recorte essa tabela e cole dentro dessa função. E defina esse arquivo. Agora você pode ver o sprint 34 com apenas uma ponta. É sprint, o valor da função H. Mas ele não imprime o valor do estado do porque agora não é uma variável global. Agora é uma variável local e funciona somente para essa função, não fora da função E se eu mostrar por que a seção Cs, você pode ver um erro na linha número 70. Deixe-me te mostrar. Inspecione Cs Como você pode ver, sua co-referência de sprint zero, A não está definida Linha número 70, e você pode ver o. Na linha número 70, imprimimos esse estado. Agora, A não é mais uma variável global. É por isso que não pode trazer essa declaração. Mas se eu redeclarar essa variável novamente, deixe-me mostrar para você. Agora, vou traduzir isso muito bem como uma variável global e vou mudar o il 44. Se eu definir esse arquivo, agora você pode ver nossa declaração de ponto de gravação do documento impressa 44, mas nossa função escrita 34. Porque quando usamos a mesma variável m, é essa a função, quero dizer que se usarmos a variável local usando mesmo nome, substituiremos a variável antiga É por isso que nossa declaração de função e documento escreveram valores diferentes. Então, espero que agora esteja claro para você. Obrigado por assistir a este vídeo , aguarde o próximo. 26. Tutorial de eventos em JavaScript: Olá, pessoal, é bom ver vocês. Mais uma vez, estou de volta com um novo tutorial relacionado ao Javas e, neste tutorial, aprenderemos eventos de JavaScript. Esses são os aluguéis de eventos mais básicos, e vamos cobrir todos esses eventos intratoriais Nossos eventos de primeiro clique são evento de clique do mouse, clique, clique duas vezes, clique com o botão direito. Com isso, temos o mouse sobre, o mouse para fora, o mouse para baixo e o mouse. E da mesma forma, temos eventos para teclado. Ele pressiona a tecla Up e nossos últimos quatro eventos nas janelas do nosso navegador Carregar, descarregar, redimensionar, rolar. Basicamente, usamos esse evento para chamar uma função. Esses são os eventos mais básicos em JavaSP. Sem isso, temos mais alguns eventos. Eu uso o mínimo. É por isso que decido abordar os mais úteis e básicos. Se você se lembra de nossos tutoriais anteriores, quando atualizamos nossa página, ela executa nossa E se usarmos eventos, nossa função não será executada sozinha. Agora, quando você usa um dos eventos, ele chama nossa função. Então, para descansar seu tempo, vamos começar a prática e tentar entender como está dolorido E você pode ver lado a lado, eu abro meu editor de código do estúdio de usuário e meu navegador usando a extensão Lf Server, e eu já crio um documento sml, ponto de índice um sml Além disso, você pode ver na minha tag de script, criamos uma função chamada hello e um spit hello everyone Em nossos métodos anteriores, funcionamos diretamente. Aqui vou chamar nossa função. Então, eu quero digitar olá ou função. Ponto-e-vírgula fino para nesta linha. Se eu definir esse arquivo, como você pode ver, é impresso, olá a todos. Então, quando eu pressiono meu navegador, sempre chamo a função e imprimo ou declaração. Olá a todos. Mas eu não quero chamar essa função assim. Eu quero que, ao clicar em um botão, apresente esta declaração Para isso, dentro da minha tag corporal, vou criar um botão. E o nome do nosso botão é K. E agora eu vou usar um evento, e o nome do nosso evento é k. Para isso, precisamos amarrar a tecla em K. E então, dentro dos códigos duplos, você precisa chamar a função que eu quero chamar, e eu quero chamar essa função hello Então, vou recortar essa declaração daqui, recortá-la e colá-la dentro dos códigos duplos. E eu vou servir esse arquivo. Agora você pode ver que há um botão no meu documento. Vamos apertar o botão e ver o que aconteceu. Se eu clicar neste botão, como você pode ver, corra, olá a todos Então, espero que agora esteja claro como podemos usar eventos. Além disso, usando eventos, você pode desligar a caixa de alertas. Deixe-me te mostrar. Aqui, vou digitá-la. Se eu definir esse arquivo, e desta vez, se eu clicar nesse botão, como você pode ver, é uma caixa de alerta impressa e envia nossas mensagens. Olá, pessoal. Da mesma forma, temos muitos eventos no Java cli. Vamos ver como escrever isso. Se você quiser usar o evento de clique, nesse caso, você precisa digitar clique. Da mesma forma, se você quiser usar o evento Double Click para isso, você precisa usar em DV L click. E para mim, você precisa me usar no contexto. E se você quiser chamar a função ao passar o mouse, nesse caso, precisará usar o enter do mouse. E para o mouse para fora, você precisa usar com o mouse para fora, e para o mouse para baixo, você precisa usar com o mouse para baixo. E para mouse, você precisa usar no mouse. Da mesma forma, temos alguns teclados. Pressão de teclas. Para isso, precisamos digitar pressionando a tecla Ele vai chamar a função para pressionar a tecla, e então temos a tecla ev. Também é um teclado ev. Neste evento, chame a função depois de soltar a tecla. Da mesma forma, temos alguns eventos do Windows. Se você quiser chamar a função, quando o usuário carregar o navegador, nesse caso, você precisa usar o Olo. E sempre que o usuário tentar fechar o navegador, nesse caso, você pode usar isso mesmo que não. Para isso, você precisa digitar não. E se você quiser chamar uma função, ao redimensionar seu navegador, para isso, você precisa usar em redimensionar par, e para rolar, você precisa usar em rolar até Eu vou cobrir tudo isso, um por um, neste tutorial. Vamos voltar ao editor de código. Novamente, estou de volta ao coordenador do meu estúdio de vistos. E agora, primeiro, vou criar um parágrafo. Peça. Eu defino este parágrafo, vou digitar um teste aleatório. Lom cinco. Quero dizer, vai imprimir cinco mundos aleatórios. Como você pode ver, imprima um parágrafo. Se eu definir esse arquivo, agora você poderá ver o parágrafo no meu navegador. E agora eu quero usar o evento double ek neste parágrafo. Sim, também podemos usá-lo com o parágrafo. Podemos usar eventos com o botão de parágrafo A. Aqui, vou chamar o nome do evento. E o nome do nosso evento está em DL k na tecla D. Depois disso, precisamos chamar a função, qual função eu quero chamar, e eu quero chamar a função hello. Se eu dar um chute neste parágrafo, como você pode ver, não mancha nada Eu não chamo a função. Mas se eu clicar duas vezes nele, agora você pode vê-lo chamar a função. Além disso, você pode vê-lo escrito na caixa inteira. Olá, pessoal. Da mesma forma, temos sete direitos. Para isso, precisamos digitar no contexto Min. Deixe-me mostrar o contexto principal. Se eu definir esse arquivo e pressionar o botão esquerdo neste parágrafo, como você pode ver, não é nada. Mas se eu pressionar o botão direito do mouse sobre ele, agora você vê, ele chama nossa função. Nosso próximo evento é mouse. Quando eu passar o mouse sobre esse parágrafo, ele chamará nossa função Para isso, precisamos usar o botão enter do mouse. Eu amarrei uma boca, entrem. Se eu definir esse arquivo e passar meus carros sobre este parágrafo, como você pode ver, ele chama nossa função e imprime os ossos da arte Sempre que eu coloco meus carros neste parágrafo, ele chama nossa função Da mesma forma, temos o evento oposto, que é mouse sobre mouse ou que precisamos digitar no mouse. Se eu colocar esse arquivo e minha maldição neste parágrafo, como você pode ver, ele não verá nada Eu não funciono. Mas se eu remover meu cursor deste parágrafo, agora você pode vê-lo funcionar e pintar nossa caixa de alerta. Nosso próximo evento é com o mouse pressionado ou precisamos digitar com o mouse pressionado. Se eu definir esse arquivo, como eu disse, esse evento é semelhante ao evento de clique. Se eu clicar neste parágrafo, como você pode ver, ele chama nossa função. Além disso, temos outra função, que é mouse sobre mouse. Se eu definir este arquivo, e ps, clique neste parágrafo. Mas se eu soltar o clique no mouse, como você pode ver, agora chame nossa função. Quando soltamos o clique do mouse, ele chama a função. Agora, nosso próximo evento será pressionando uma tecla. Vamos começar com o nome do evento. Um toque de tecla. Antes de eu configurar esse arquivo, há um problema. Precisamos usar esse evento em nossa tag corporal. Caso contrário, podemos usá-lo com telefones. Quero cortar esse evento dessa tag de parágrafos, e vou usá-lo dentro desse corpo dez, e vou definir este Agora vou selecionar meu navegador e vou pressionar qualquer tecla. Eu quero pressionar a tecla ter. Depois de pressionar a tecla ter, como você pode ver, sc event. Agora, deixe-me mostrar um pouco do Windows EV. Esses eventos também funcionam com gordura corporal, e nosso primeiro evento é presencial. Ei, eu vou amarrar em uma resil. Depois de definir esse arquivo. Agora, se eu redimensionar meu navegador, ele chamará a função. Deixe-me te mostrar. Como você pode ver, se eu tentar redimensionar o navegador, ele chama a função Então, toda vez que você tentar alterar o tamanho da janela, chamará a função. Da mesma forma, temos outro evento útil do navegador, que está na rolagem. Tipo de presunto no pergaminho. Eu sou tão essa. Como você pode ver no meu navegador, se eu rolar a roda do mouse, ela não chamará a função porque não temos barra de rolagem no meu Para isso, precisamos transbordar para esse contêiner, então vou aumentar o tamanho do parágrafo Aqui eu vou digitar 500, e depois vou pressionar enter. Ele adiciona 500 palavras no meu parágrafo. Se eu definir esse arquivo, agora você pode ver que há uma bola de pontuação. Sempre que eu tento pontuar minha página, ela chamará nossa função. Agora temos apenas duas funções restantes de carga e descarga. Se recarregarmos nosso navegador, ele chamará a função E em nosso evento de descarga, se tentarmos fechar o navegador, ele chamará a função Mas esses dois eventos não são compatíveis com navegadores. Esses dois eventos não funcionam em todos os navegadores. Como eu disse anteriormente, antes de terminar o vídeo, quero dizer que há muitos eventos no Java Screen. Mas neste tutorial, eu só abordo o básico, e não se preocupe. Vamos aprender sobre isso em nosso próximo tutorial. Então, obrigado por assistir a este vídeo, deixe para o próximo. 27. Tutorial de JavaScript em loop: É bom ver vocês de volta, pessoal, mais uma vez, estou de volta com um novo script Java relacionado ao Tutorial. E neste tutorial, aprenderemos blues e, especialmente, aprenderemos wild loop Mas antes precisamos entender o que é loop. Como você pode ver, imprimimos declaração semelhante repetidamente aqui. Da mesma forma, se você quiser imprimir hello world 1.000 vezes. Nesse caso, você precisa digitar a declaração, o ponto do documento, escrever 1.000 vezes. E se você quiser mudar a declaração, olá mundo para olá a todos. Nesse caso, você precisa alterá-lo mil vezes. Para resolver esse tipo de problema, temos loops. Aqui, declaramos quantas vezes precisamos executar essa instrução. No nosso caso, 15. Então, dentro do loop, precisamos passar a instrução, que queremos executar 15 vezes, no nosso caso, hello or. E existe uma maneira correta de criar um loop. Vamos ver. Nossos loops se dividiram em três partes. Nossa primeira parte desse loop é a inicialização. Na inicialização, inicializamos uma variável. Suponha que atribuamos um valor numérico a uma variável e nossa próxima parte seja a condição Em nossos tutoriais anteriores, aprenderemos sobre a condição do EP E, como você sabe, a condição sempre escrita é dois versus verdadeira ou falsa. E se a condição escrita cair , ela sairá do circuito. Isso significa que ele não imprimirá seu loop e, se a condição for escrita como verdadeira, ele executará a terceira parte do loop, que é incremento e diminuição De acordo com a inicialização e a condição, podemos incrementar nosso valor, caso contrário, diminuir nosso valor. Depende da situação do escopo. E depois de incrementar ou diminuir o valor, ele verificará esse valor nessa condição E se a condição escrita cair , ele interrompe a execução do saque E se a condição for escrita como verdadeira, ela incrementará ou diminuirá esse valor. E, novamente, ele verificará a condição. Esse é um processo contínuo até que nossa condição escrita caia. E se você quiser imprimir ou executar algo, precisamos chamá-lo entre condição e decréscimo de verde Aqui podemos imprimir qualquer declaração, qualquer cálculo, qualquer função, etc Então, loop feito com esses três casos: inicialização, condição e decréscimo de verde. Agora, a questão é: o que é incremento e diminuição? Quando vamos do primeiro andar ao segundo andar por escadas , temos que subir as escadas passo a estado. Precisamos começar de uma etapa, duas etapas, três etapas, quatro etapas Lembro-me desse incremento do processo Da mesma forma, quando descemos do segundo andar para o primeiro andar , continuaremos descendo um degrau de cada vez Lembro-me desse decreto de processo. Esse é o conceito principal de bu. Agora, vamos ver quantos tipos de loop temos em Java Script. Temos um total de cinco tipos de loops em Java Script, loop Qi, loop Dov, loop for, loop externo e para cada Lembre-se, um loop externo, use-o objps e, para cada loop, use-o Vamos aprender sobre esse tu quando trabalharmos com object e s. E, neste tutorial, abordarei o valor omni Vamos ver qual é a sintaxe para escrever Value? Como você pode ver, declaramos uma variável de nome A e inicializamos um número Essa é a primeira etapa do log, que é a inicialização. E então eu vou verificar essa condição variável dentro desse valor. Como você pode ver nessa condição, A, menor que igual a dez, então execute esta instrução, documente dot write world. E lembre-se, para usar o valor antes da condição, precisamos digitar V Q m. E esse é o nosso estágio de condição. E de acordo com a condição e o valor da variável, isso significa que vamos imprimir essa declaração dez vezes. E então vem nossa última parte dessa dose, que é incrementar, caso contrário, diminuir E como você pode ver, o herói incrementa a variável, igual a A mais um Significa que toda vez que incrementamos nossa variável com um. Agora, nosso novo valor da variável A é dois e, em seguida, ele verificará a condição novamente. Significa que A dois, menor que igual a dez, então execute esta declaração. E depois de executar essa instrução, ela incrementará o valor novamente. Agora, seu valor é três e, novamente, ele verifica a condição. Dessa forma, a condição falhará quando o valor das variáveis A se tornar 11 e, em seguida, ela parará de executar essa instrução Vamos começar a prática e tentar entender como é. Então Harry, você pode ver, lado a lado, que eu abro meu editor de código Visa Sudio e meu navegador usando a extensão Live Server, e eu já crio um índice de nomes de documentos raiz em Então, primeiro, vou criar a e nosso nome V é A, e ele atribui a ele um. E então eu vou criar uma condição usando il do. Aqui eu vou digitar. Com os códigos duplos, quero imprimir uma declaração dez vezes. Vou criar uma condição A menor que igual a dez. Depois, nos cartões, vou imprimir um documento O documento está à direita, e aqui eu quero passar o mundo Ho. Além disso, vou usar uma tag BA para a próxima linha. Barra e, em seguida, semicícone dois na linha. Esta é nossa primeira parte desse loop, que é inicialização, e essa é a segunda parte desse loop, que é, e agora precisamos pular para a terceira parte de allo, que é incrementar ou diminuir, e eu quero incrementar essa e eu quero É por isso que vou digitar A igual a A mais um. O semicícone dessa linha. Se eu definir esse arquivo, como você pode ver no meu navegador, imprima hello dez vezes. Se eu passar 30 aqui, e isso neste arquivo, como você pode ver, imprima hello word 30 vezes. Agora, a questão é por que eu incremento o valor. Como você pode ver, nosso valor inicial é um porque estamos indo de 1 a 30 É por isso que temos que incrementar. Mas se nosso valor inicial for 30, então temos que diminuir o v. Para entender, vou concatenar a Quero imprimir um valor variável no meu documento. Deixe-me te mostrar. Então, antes deste documento, eu quero concatenar nossa variável A. Aqui, vou digitar A mais nosso documento. Se eu definir esse arquivo, você poderá ver o resultado. Toda vez que imprime o valor do incremento antes do documento Lembre-se também de que podemos usar boops dentro da tag ESTiml. Deixe-me te mostrar. Depois da variável , aqui, vou declarar a tag UL Devo digitar o ponto do documento diretamente dentro das chaves redondas, quero começar na lista de água Então Amo digite U. Em seguida, clique para n nesta linha, e eu vou copiar esta linha Então, fora da operação, vou passar por ela e digitar a tag UL de fechamento. Se você está familiarizado com a tag STL , sabe que ela é usada na lista inferior e, dentro do processo redondo, vou usar a tag LI Ele digita L. Isso é para o item da lista. Além disso, preciso usar a tag de fechamento. L. Antes de configurar esse arquivo, quero reduzir o número. Quero imprimir f T. Se eu definir esse arquivo, como você pode ver, ele imprime nosso item da lista, hello over 510 Espero que agora esteja claro como podemos usar loops com aumento de peso. E agora vou mostrar o exemplo como podemos usar loops com peso decrescente. Para isso, aqui precisamos pegar um grande número. Aqui eu vou levar dez. E eu quero imprimir esse documento dez vezes. Para isso, precisamos mudar a condição. Desta vez, precisamos usar maior que igual a seno, maior que igual a um Agora você pode ver que nosso valor inicial está manchado e usamos maior que si Se for maior que igual a um, imprima este documento. E agora precisamos diminuir o valor para imprimir nosso documento dez vezes Aqui eu vou usar menos s. Se eu definir esse arquivo, como você pode ver, ele também imprimirá nosso documento dez vezes Mas a diferença é que, desta vez, eu uso decréscimo. De acordo com a condição, se o valor da variável A se tornar menor que um , isso interromperá nosso ciclo Para torná-lo mais hierárquico, vou imprimir o valor da variável no meu documento. Depois da etiqueta LI, faça o duplo es novamente. Então, fora dos galeirões duplos, eu vou usar. Vou usar o sinal de concatenação duas vezes. E entre o sinal de concatenação, vou passar nossa variável M A. Se eu definir esse arquivo, agora você pode ver nosso loop começar Então, como você pode ver, toda vez é menos um valor do nosso valor inicial E quando nosso valor fica menor que um , ele interrompe todo o ciclo. E agora eu quero pintar este documento 15 vezes. E eu gostaria de usar menos v. Nesse caso, e precisamos passar menos cinco Se eu definir esse arquivo, agora você poderá vê-lo imprimir hello word 16 vezes porque também conta zero como valor. Se você quiser imprimir Hello word 15 vezes, nesse caso, precisamos passar menos quatro aqui Se eu definir esse arquivo, agora você poderá vê-lo ser impresso 15 vezes. Mas se você notar, aqui você pode vê-lo imprimir um por um menos o valor Depois de zero, ele imprime menos um menos dois menos três menos quatro Basicamente, aqui eu só quero explicar que nossos telhados funcionam com valor de incremento, também com o valor de decréscimo Espero que agora esteja claro como funciona em Java Script. Obrigado por assistir a este vídeo. 28. Tutorial de JavaScript do While Loop: Olá, pessoal, é bom ver vocês. Mais uma vez, estou de volta com um novo tutorial relacionado ao Java Script. E neste tutorial, vamos aprender Java Script. Faça algo selvagem. Em nosso material anterior, eu lhe disse, um loop dividido em três partes A primeira parte é a inicialização, onde inicializamos um mal, e a condição de coma denso e a condição retornam apenas duas resoluções, verdadeira ou falsa E se for escrito como falso, ele para de ser executado e, se for escrito como verdadeiro, aumentará, caso contrário diminuirá nosso valor. E, novamente, ele verificará a condição. O loop DVI é bem parecido com isso. No loop Dv, depois de inicializar o valor, ele não verificará a condição Primeiro, ele executará a instrução p e, em seguida, chegará à condição. E então, pela segunda vez, ele verificará a condição. Na primeira vez, ele imprimirá essa declaração segunda vez, verificará a condição e você precisará se lembrar dela. Essa é a principal diferença entre o loop do il e o óleo. Agora, vamos ver o syntic, como podemos digitar do loop em Jas. Aqui você pode ver que temos um nome de variável A e atribuímos um valor. Então eu começo a fazer. Primeiro, você precisa digitar. Então você precisa usar latão de carro. Então, fora das calibragens, você precisa digitar il Q. E, dentro do latão redondo, você precisa definir sua condição Em fazer, precisamos usar a condição final desse loop. Fazer significa correr e significa até que a condição seja verdadeira. E dentro do latão redondo, precisamos passar nossa declaração documental No nosso caso, olá. Na primeira vez, ele imprimirá essa declaração sem verificar a condição. E então precisamos incrementar e diminuir esse loop. A partir da segunda vez, ele verificará a condição e, em seguida, executará continuamente o mesmo loop até dez vezes porque aqui passamos t para deixar mais claro, vamos começar a prática. Como você pode ver lado a lado, abro meu editor de código do se studio e meu navegador usando a extensão Live Saver, e já crio um nome de documento estil nome do documento index dot Então, primeiro, vou inicializar uma variável. Aqui vou digitar e o nome da nossa variável é A, A, atribuir um, assemgal à linha NS Então eu vou começar nosso Do il. E agora vou digitar D. Vá para dentro do carro porque, primeiro, vou digitar um documento. Escreva o ponto do documento dentro do ss redondo, vou imprimir uma declaração, que é “Olá, mundo”. Semicon para nesta linha. Antes de usar o incremento e o decréscimo, primeiro, vou ligar para o banheiro Aqui, vou digitar y. Y dentro do latão redondo, A menor que igual a dez Primeiro, inicializamos a. Este é nosso primeiro estado e, em seguida, definimos uma condição Esse é nosso segundo estado, e agora precisamos usar incremento e decréscimo Aqui eu vou digitar A é igual a A mais um sem to nesta linha. Além disso, vou adicionar B a tag depois de hello world. Então, para digitar B R. Se eu definir esse arquivo, agora você pode vê-lo imprimir olá mais de dez vezes. Como eu disse anteriormente, você pode usar a forma abreviada desse incremento. Deixe-me te mostrar. Alguns comentam essa linha. Você pode usar um sinal positivo mais seno. Como eu disse anteriormente, esse operatório é usado para incremento Toda vez, ele adicionará um com essa variável. Então, eu configurei esse arquivo, como você pode ver, ele fica com o mesmo resultado. Como você pode ver, é bem parecido com le. Mas a principal diferença é primeira vez, ele não verificará a condição. E ele executará essa função de gravação documentada. Vamos provar isso. Então, vou mudar o poço inicializado. Aqui eu vou passar o tingimento. Como você pode ver, agora a condição escrita cai. Se eu definir esse arquivo, como você pode ver, ele imprime hello word uma vez. Porque, como eu disse, pela primeira vez, não vai verificar a condição. É por isso que ele executará essa função recomendada. Mas se você usar apenas loop, nesse caso, ele não imprimirá nenhuma declaração. Se a condição for escrita como falsa, ela não imprimirá nenhum estado. Então, espero que agora esteja claro para você. Qual é o uso de fazer? Na maioria das vezes que o usamos, quando precisamos executar um bloco de código uma vez. Além disso, quero repeti-lo , desde que a condição seja verdadeira. 29. Tutorial de JavaScript para loop: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo tutorial relacionado ao JavaScript. Neste tutorial, aprenderemos JavaScript para salas. Já sabemos que em Java Straight, temos um total de cinco tipos de blues. Eu faço um loop, do loop, quatro loops, for loop, para cada loop, e já aprendemos sobre i loop e do loop. Nesses dois reais, vamos aprender comida. Vamos ver a sintaxe, como podemos digitar four loop no Java squad Para criar quatro loops, primeiro, precisamos digitar quatro palavras-chave. Então, dentro do ss redondo, primeiro, precisamos inicializar uma variável Em seguida, precisamos verificar a condição. Depois disso, precisamos implementar, caso contrário, diminuir nosso v. Como você pode ver, usamos essas três etapas importantes em uma única linha Como você pode ver, abordamos três estágios ao mesmo tempo: inicialização, condição e incremento E se a conion for escrita como verdadeira, ela imprimirá essa declaração A maioria dos desenvolvedores usa quatro loops em comparação com i loop e do op porque nosso trabalho é feito em uma linha. Vamos começar a prática e ver como podemos usá-la. Como você pode ver, já criamos um documento EstiML chamado Index doot EstiML, e eu também pintei meu navegador usando a extensão Live Server Primeiro, vou digitar quatro palavras-chave porque não precisamos inicializar nenhuma variável antes de seguir Aqui eu vou digitar quatro. Agora vou inicializar um valor dentro da rodada ss, V A igual a um Em seguida, subcon para finalizar esta linha. Então eu vou definir uma condição. Um menor que igual a dez e subcor para finalizar esta linha Depois disso, vou incrementar o V. Aqui, vou digitar A plus plus Então, dentro do carro ss, vou digitar nossa declaração documental. Documente um ponto dentro da prensa redonda, vou imprimir “Olá, mundo”. Olá, mundo. Além disso, vou usar uma etiqueta BA para quebrar a linha. Então vamos acabar com essa linha. Se eu definir esse arquivo, como você pode ver, ele imprime hello dez vezes. Também funciona como outros loops. Mas você tem que escrever menos linhas aqui. Como você pode ver, apenas em duas linhas, obtemos o mesmo resultado. Agora vou explicar qual é o mecanismo de funcionamento desse loop. Como você pode ver, quando executamos as quatro salas, primeiro, ela inicializará a No nosso caso, A atribui com um. Em seguida, ele verificará a condição. Como você pode ver, agora, A é menor que dez. Um meio, uma condição escrita como verdadeira. Se a condição for escrita como verdadeira, ela executará a declaração do documento e você entrará seção de incremento em uma com o valor anterior Então, novamente, ele verificará a condição e, se a condição for verdadeira, novamente, fixará essa declaração do documento. Até que a condição retorne, é igual a rodar o banheiro. Quando o valor se torna maior que dez, então é igual a parar de executar o loop Esta é a pose de trabalho de foo. Então, assistindo a este vídeo, fique ligado na nossa próxima rádio 30. Tutorial de declaração de quebra e continuação de JavaScript: Pessoal do UV, mais uma vez, estou de volta com um novo tutorial relacionado ao JavaScript. Neste tutorial, aprenderemos Javascript, break e declaração contínua. Vamos começar a prática e ver como podemos usá-la. Como você pode ver lado a lado, abro meu editor de código Visa Sudio e meu navegador usando a extensão Lib Server, e abro meu arquivo tutorial anterior index dot aten Neste exemplo, não quero imprimir essa declaração. Quero imprimir números. Para isso, eu digito o número. Então, custo duplo. Depois de dois núcleos, vou passar nossa variável. Para isso, precisamos usar o sinal de concatação. Último. A nossa variável eu é A. Novamente, vou usar o sinal de concatnião Em seguida, precisamos usar outro código duplo. Quero imprimir um valor variável dez vezes. Se eu definir esse arquivo, ele imprimirá o número com o stream. Número um, número dois, número três, número quatro, e imprime até o número dez. Porque definimos uma condição para executar nosso loop dez vezes. Agora vou mostrar como podemos usar continuar e interromper? Suponha que dentro dos quatro loops, eu vou usar a condição P. H n digite se dentro do processo redondo eu passar A igual a três Se o valor de uma variável se tornar três, então eu defino os casos, vou imprimir uma declaração do documento. Para isso, vou copiar essa declaração, colá-la aqui e fazer algumas alterações nessa declaração. Vou substituir o número por olá. Se eu definir esse arquivo, como você pode ver, depois de imprimir, número um, número dois, ele imprime olá três. Mas o problema é que também é a impressão número três. Não quero imprimir essa declaração, número três. Eu quero substituí-lo apenas por Hallow three. Não quero imprimir essa linha. Para isso, podemos usar a parte L, caso contrário, podemos usar declaração contínua. Aqui vou digitar continue. Os 72 nesta linha. Se eu definir esse arquivo, agora você pode ver, como você pode ver, esse número, não repita. Depois de imprimir olá três, ele salta diretamente para o número quatro. Depois de executar o loop, primeiro, ele verificará a condição. Se um valor for igual a três , ele imprimirá essa declaração. Caso contrário, ele entrará nessa declaração. E quando Avalo se torna três, então é impresso olá três, e então você obtém uma declaração contínua Isso significa continuar o saque. Essa declaração contínua sempre funciona com saques. Da mesma forma, temos a declaração oposta de continuar, que é break. Vou comentar esta linha e vou usar a declaração break aqui. Pausa. Como nesta linha. Se eu definir esse arquivo, ele quebrará nosso loop imprimirá olá três. Deixe-me te mostrar. Se eu definir esse arquivo, como você pode ver, ele para depois de imprimir hello three. Break significa, pare de executar o loop. As instruções break e continuous são as únicas instruções Javascript que podem sair de um bloco de código, e a instrução contínua só pode ser usada para manter uma iteração de loop, e a instrução break só pode ser usada para sair de um loop Este é o uso da pausa e da declaração contínua. Caspar assistindo este vídeo, comece em junho para os próximos dois. 31. JavaScript Encontrar números pares e ímpares com loops: É bom ver vocês mais uma vez. Estou volta com um novo tutorial relacionado ao JavaScript. Neste tutorial, aprenderemos como podemos encontrar números pares e ODS usando JavaScript. Para extrair palavras e números pares, vamos usar loops, condições P, etc. Quero dizer, o que aprendemos em nossos tutoriais anteriores, vamos aplicá-lo aqui Eu não vou te ensinar nenhuma declaração nova neste tutorial. É um exercício. Sem perder seu tempo, vamos começar pela prática Como você pode ver, lado a lado, abro meu editor de código viso too e meu navegador usando a extensão Lib Server, e já criei um este e o nome do documento Index dot et, agora quero extrair todos os números de eventos de 1 a 20 Para isso, vou usar quatro. Aqui vou digitar quatro em vez do latão redondo, vou inicializar uma variável, e nossa variável m é A, atribui com um, depois escuma dois n d, e então precisamos criar a condição Um menor que igual a 20, e então precisamos incrementar nossa variável A mais mais Então, dentro das calibragens, vou extrair números pares usando a condição P. Agora a questão é: o que é número par? Um número que é divisível por dois e gera um resto de zero é chamado de número par Suponha que se eu dividir seis p dois, nesse caso, não há nenhum lembrete, está escrito zero Mas se eu dividir sete por dois, nesse caso, está escrito um lembrete Sete não é um número par, mas seis é um número par. Vamos criar o programa para números pares. Aqui vou digitar se, em vez da resina redonda, vou criar uma condição Um módulo dois igual a zero. Como você sabe, o módulo sempre escrito lembra. Em seguida, em definir o Cal ss, vou imprimir uma declaração do documento. Pontilhe diretamente dentro do ss redondo, vou imprimir uma variável v. Além disso, ao definir o código duplo, vou usar B como tag para a nova linha. A poluição está nesta linha. De acordo com a condição, se eu dividir o valor de uma variável toda vez com dois, e se for o valor de renderização retornar zero, nesse caso, imprima este documento. Se eu definir esse arquivo, você poderá ver o resultado no meu navegador. Como você pode ver, ele imprime todos os números do evento de 1 a 20, dois, quatro, seis, oito, dez, 12, inimigo, 16, 18 20 Esses números são divisíveis por Aqui você pode ver usando quatro loops e a condição ep, como podemos extrair números pares Podemos facilmente fazer cálculos simples por meio disso. Se você quiser ver todos os números ímpares, nesse caso, basta alterar a condição Aqui, vou usar diferente de zero, diferente de zero, A lembrei dois, diferente de zero Se eu definir esse arquivo, agora você poderá ver todos os números ímpares de 1 a 20, um, três, cinco, 79 111-315-1719 um, três, cinco, 79 Esses são exemplos muito básicos. aprenderemos esse exemplo em nosso próximo total. Obrigado por assistir a este vídeo , aguarde nossa próxima semana. 32. Tutorial de loop aninhado de JavaScript: Com bons amigos, mais uma vez, estou de volta com um novo tutorial relacionado ao script Java Neste tutorial, aprenderemos o loop aninhado do Java script Os loops Nastate não são novidade. É uma maneira diferente de escrever um saque. Em nossos tutoriais anteriores, aprendemos sobre como podemos usar Primeiro, precisamos inicializar um valor, depois definir uma condição e, por fim, implementar ou diminuir nosso valor. Mas no grupo de ninhos, vamos usar outro loop dentro desse loop. Eu quero dizer um loop dentro de um loop. Chamamos esse processo de loop aninhado. Como você pode ver, dentro desse loop externo, temos outro loop interno e podemos imprimir qualquer declaração dentro dele. Além disso, você pode usar outro loop dentro desse loop. Depende de você quantos loops você deseja usar. Você pode usar qualquer tipo de loop, para loop, loop, fazer loop, etc. Sem perder tempo, vamos começar pela prática, como você pode usá-lo Como você pode ver, lado a lado, abro meu editor de código do Visor Studio e meu navegador usando a extensão Live Server, e já crio um documento estil chamado index dot EstiML No começo, vou criar uma dobra externa. Pois dentro do processo redondo, eu preciso inicializar um V, onde eu atribuo um semicícone a zero nesta linha semicícone a zero nesta Depois de Semorn, precisamos definir a condição, e eu quero executar esse loop três vezes Seu tipo é menor que igual a dois. Nosso valor inicial é zero, é por isso que precisamos passar dois. Em seguida, é necessário incrementar o loop. Eu mais nós, toda vez que eu quiser incrementar o loop com um valor Então, dentro das calices, vou imprimir uma declaração documental Escreva um ponto dentro das corridas redondas, vou imprimir o sublinhado no primeiro nível Então vamos acabar com essa linha. Se eu definir esse arquivo, como você pode ver, imprima nosso total três vezes, e também vou usar uma tag B a para dividi-lo B R. Como você pode ver, esta é a nossa camada externa, e na nossa camada externa, imprimimos a declaração Ctal três Agora, dentro desse idiota, vou criar outro seguidor. Aqui eu vou inserir a roupa, desta vez, vou inicializar outra, J como Novamente, precisamos definir uma condição. J, menor que igual a três. Porque eu quero imprimir quatro declarações dentro desse loop. É por isso que eu uso três, contras. I para incrementar esse log, j plus. Em seguida, dentro do css. Novamente, vou imprimir uma declaração documental. Ponto do documento diretamente dentro da prensa redonda. Vou imprimir sublinhado, sublinhado, segundo logotipo. Vamos acabar com essa linha. Além disso, precisamos usar B como tag. H digite B R. Se eu definir esse arquivo, como você pode ver, toda vez dentro do loop de primeiro nível, imprimimos um total de quatro instruções de loop de segundo nível. Esse é o uso básico do loop aninhado. Espero que agora esteja claro para você como podemos usá-lo. Agora, deixe-me mostrar alguns exemplos por que podemos usar loops aninhados Você pode ver que são três estruturas. Essa estrutura é muito útil para entender os loops aninhados. Como você pode ver, temos a linha total de fib nessa estrutura e, em nossa primeira linha, sempre imprimimos uma Em nossa segunda linha, sempre imprimimos dois. Como você pode ver, nossas colunas começam com uma. Em nossa primeira linha, temos uma coluna. Em nossa segunda linha, temos duas colunas. Em nossa terceira linha, temos três colunas e, em nossa quarta linha, temos um total de quatro colunas. Em nossas cinco, temos cinco colunas. A linha é nossa raiz externa e a coluna é nossa interna aqui, precisamos criar fibra total. Para a linha, vou usar a variável A. Para a coluna, vou usar a variável B. Primeiro, precisamos criar uma linha para o nosso fibro Para imprimir cinco linhas, precisamos usar quatro. Primeiro, inicializamos esse valor variável com um. Em seguida, definimos uma condição e ela é menor que igual a cinco. Basicamente, esse loop criará essas cinco linhas. Em seguida, precisamos pular para a seção do loop interno. Aqui você pode observar toda vez que a coluna começa com um e termina com o número da linha. Para a linha número três é n com três, para a linha número quatro é n com quatro, para a linha número cinco, é n com cinco, para isso, precisamos iniciar um loop a partir de um, igual a um. Como você pode ver, é n com o número da linha. É por isso que precisamos definir essa condição. B menor que igual a A. Quero dizer, toda vez que o loop externo for executado, ele enviará o valor A nesse loop. Eu defino esse loop interno, para imprimir essa estrutura, precisamos imprimir a variável B. Para deixar isso mais claro, liste o prático. Como você pode ver, mais uma vez, estou de volta ao meu editor de código do Visual Studio Vou comentar toda essa linha. E então eu vou criar outro f para criar essa estrutura. tipo dela é inserir o latão redondo, e eu vou inicializar a variável A igual a um, e depois do ponto e vírgula para definir a condição, e eu quero executar esse loop fy porque p f A é menor que igual a cinco Depois de smcor, precisamos incrementar esse loop, A plus plus Então, dentro desses quatro loops, precisamos criar a seção interna do loop. Aqui, vou criar um quatro. Pois dentro da rodada ss, desta vez, vou pegar outra variável, que é B, B atribuir com um. Depois do ponto e vírgula, precisamos definir a condição. Mas desta vez, precisamos chamar a variável A para criar a condição. B menor que igual a A. Depois de secular, precisamos incrementar a variável, B mais p. Esse loop imprimirá as colunas Como eu disse, nossa coluna termina com o número do quarto. É por isso que precisamos passar uma variável aqui. Agora precisamos imprimir o valor v dentro da sala interna. Aqui vou digitar o ponto do documento diretamente dentro do ss redondo, vou digitar B. Com isso, também vou imprimir um espaço. Além disso, dentro do código duplo, vou fornecer um espaço. Agora precisamos quebrar a linha após cada linha. Deixe-me mostrar, se eu definir esse arquivo, como você pode ver, novamente cometi um erro de digitação Aqui, precisamos usar menos que igual ao sinal. Este sinal, não é o maior que igual. Se eu definir esse arquivo, agora você poderá vê-lo imprimir toda a linha em uma única linha. Para resolver isso externamente, precisamos imprimir uma declaração BR. Aqui, para digitar o ponto do documento diretamente dentro da prensa redonda, vou usar uma etiqueta BA. B R. Se eu definir esse arquivo, agora você pode ver essa estrutura. Aqui, você pode vê-lo imprimir nossa estrutura perfeitamente. Temos o total de linhas fib e, também de acordo com o número da linha, temos um total de colunas semelhantes Esse é o único exemplo de linha aninhada. Se você quiser aumentar o tamanho da estrutura, sim, você pode. Você precisa alterar o número aqui. Hm pass, t. Se você definir esse arquivo, poderá ver o resultado. Toda vez que o valor do incremento desse saque externo, envie para o saque interno e, em seguida, ele criará colunas de acordo com a condição Espero que agora esteja claro para você como é w. Agora, vamos falar sobre nosso próximo exemplo. Neste exemplo, você também pode ver a fibra total. Mas o valor da coluna é diferente. Da mesma forma, para criá-lo, precisamos pegar saques externos. Para o loop interno, precisamos usar a variável B. Mas se você notar, poderá ver sempre que nossas colunas começam com um número diferente. Para nossa primeira linha , comece com um. Para a segunda linha, começa com duas, ou a terceira linha, começa com três. Você só precisa se concentrar em começar, não em todos os sentidos. Tudo começou com o número da linha. É por isso que desta vez precisamos imprimir um valor variável. Vamos começar a prática. Aqui, vou duplicar essa linha e comentar sobre o PVS one Vou passar uma variável. Se eu definir esse arquivo, agora você poderá ver o resultado. Vamos reduzir o valor da condição para deixar isso claro. Arquivo. Se eu definir esse arquivo, agora você pode ver. Toda vez, a coluna começará com o número da linha. Agora, vamos falar sobre nosso terceiro exemplo. Neste exemplo, como você pode ver, também temos um total de cinco linhas. Mas as diferenças, nós invertemos a estrutura. Em nossa primeira coluna, temos um valor total de cinco, e ele começa com cinco, depois quatro, depois três, depois dois e depois um. Para criar essa estrutura, primeiro precisamos inicializar nossa variável de loop externo com cinco Eu quero dizer, quantas linhas temos, precisamos de um total de cinco. É por isso que inicializamos nosso valor com cinco. Então, precisamos definir a condição. Desta vez, precisamos definir a condição oposta, A, maior que igual a um. Como você pode ver, nosso valor inicial é maior que o valor da condição, por isso precisamos diminuir o loop Portanto, você precisa passar um sinal de menos e, em seguida, basta imprimir o valor em nosso segundo loop Vamos começar a prática e ver como é. Novamente, estou no meu codaor do Visa Studio Desta vez, vou atribuir um igual a cinco. Além disso, vou mudar a condição. Um maior que igual a um. E então precisamos diminuir o A menos menos. Se eu definir esse arquivo, agora você pode ver essa estrutura. Basicamente, estamos do lado oposto ao loop para criar essa estrutura, nada mais. Espero que os nervos aprendam por você, qual é a utilidade de aninhado Sem um loop aninhado, não podemos imaginar uma página da web funcionando corretamente nos dias modernos Isso é muito importante para entender o loop aninhado. É muito importante. Fãs assistindo este vídeo, aguardem o próximo. 33. Arrays de JavaScript: Olá, pessoal, esse é o primeiro tutorial relacionado à matriz JavaScript. Eu sei que você já está familiarizado com o tipo de dados JavaScript, tipo de dados de string, tipo de dados numéricos, objeto de ouro nulo Mas A é um dos tipos de dados mais importantes em Java Script. Então, vamos tentar entender o que é A. Como você pode ver, como criamos uma variável, X, X, atribuída com 15. Nessa variável, salvamos somente uma variável. Quero salvar vários valores em uma variável. E se você tentar adicionar vários valores usando coma , nesse caso, chegará a uma seta. Caso contrário, se você usar os códigos únicos, nesse caso, ela converterá essa variável em string. Então, não podemos usar esse valor para cálculos matemáticos. Agora, todo o caractere se torna um valor de string. Para resolver esse tipo de problema, o script Java introduz a matriz. Para declarar uma matriz, primeiro, você precisa usar a variável Em seguida, insira o recesso quadrado que você precisa para passar os valores e, entre os valores, você precisa Eu defino essa matriz, você pode passar vários valores o quanto quiser. Lembre-se de que esses valores são diferentes. Agora a questão é como podemos acessar valores diferentes usando uma variável. Para isso, você precisa seguir uma técnica especial. Deixe-me te mostrar. Podemos acessar os valores usando seu número de índice. E lembre-se, nosso número de índice começa com zero, zero, um, dois. Todos esses são números de índice. Suponha que você queira exceder o terceiro valor dessa matriz. Para isso, você precisa usar o índice número dois. E para exceder o valor, também temos um método especial. Então, vamos começar a prática e ver como podemos usá-la. Como você pode ver, lado a lado, abro meu editor de código visa sudo e meu navegador usando a extensão Light Server, e já crio um documento ESTiml chamado index dot Primeiro, vou criar uma variável. Aí está, e nossa variável eu é AR i. ARY significa. Você pode pegar qualquer variável para mim. Então, em vez dos versos quadrados, vou passar alguns valores E aqui, vou passar alguns valores numéricos, dez, 15, 20 Há um valor a mais, 25 , 30, e depois, vou usar o codificador S. E agora eu quero imprimir essa variável no meu documento. Aqui vou digitar o ponto certo do documento e definir os arredondados, vou imprimir essa matriz H digite A R Y. T sub para finalizar esta linha. Se eu definir esse arquivo, você poderá ver o resultado no meu navegador. Vamos aumentar o tamanho do navegador para o nível vis. Como você pode ver, ele imprime todas as variáveis a partir disso, e agora você deseja imprimir um valor específico dessa matriz. Você quer imprimir o segundo índice V. Para isso, depois da variável M, você precisa usar versos quadrados, e eu quero imprimir o índice número dois Como eu disse anteriormente, nossa matriz começa do zero, índice zero, um e dois. Então, cem mais dois. Se eu definir esse arquivo, agora você pode vê-lo imprimir 20. E se eu passar qualquer número de índice que não exista nessa matriz, nesse caso, deixe-me mostrar cem mais dez. Como você pode ver, não temos dez valores nesta lista. Se eu definir esse arquivo, agora você poderá vê-lo impresso indefinido porque não existem valores nesse número de índice É por isso que está escrito indefinido. E agora você quer imprimir todo o valor novamente. Mas, neste momento, você deseja imprimir todo o valor em uma linha diferente. Você não deseja imprimir esse valor em uma única linha. Para isso, precisamos usar quatro. Aqui eu vou usar quatro. Aqui, eu vou empatar quatro. Inicialmente, dentro da tecla und, vou inicializar um valor A, A e com zero, y zero porque nossa matriz começa do índice zero. É por isso que eu uso zero. Então, começamos nosso loop a partir de z e agora precisamos criar a condição. H tipo A menor que igual a quatro. Agora a pergunta é por que eu uso quatro? Porque nosso último número de índice é quatro. É por isso que eu uso quatro. Depois de Scoln, precisamos incrementar esse v, A mais p, e Is the crass, aqui vou colocar uma declaração documental Documento Mas certo, é o ss redondo, vou chamar o array. R. Se eu imprimir somente essa declaração, ela imprimirá toda a nossa matriz cinco vezes. Mas eu não quero imprimir nossa matriz completa de cinco t. Eu quero imprimir seus valores. É por isso que aqui vou usar o quadrado ses novamente e vou passar uma variável. R. Toda vez que ele incrementa o valor, ele passa o valor aqui e imprime o número do índice Com isso, também vou adicionar uma pausa para quebrar a linha. Depois do sinal de Cctnation, eu vou empatar e definir o duplo es B. Então, se eu definir esse arquivo, você pode ver o resto Primeiro imprime, depois 15, 20, 25 e 30. Então, como você pode ver, esses valores são impressos em linhas diferentes. Além disso, você pode inserir esse valor em uma tag UL, caso contrário, em uma tag LI. Deixe-me te mostrar. Antes do seguinte, vou usar a etiqueta UL. Então, vou digitar o ponto certo do documento. Eu ajusto o recesso redondo e defino os códigos duplos, vou pegar a etiqueta L. Esse é um meio para acabar com essa linha. Com isso, também precisamos fechar essa tag. Vou copiar esta linha e, depois de seguir, vou colá-la aqui, e aqui vou usar a tag de fechamento. E para o item da nossa lista, vou incluir a tag LI no fórum. Aqui está nos códigos duplos, vou pegar a tag LI, L. E depois vou usar o sinal de concatenação Além disso, precisamos terminar a tag LI após B a tag. Então, vou copiar a etiqueta LI deste lugar. E aqui depois de Bertag, vou usar o sinal de concatenação E então eu vou chamar a etiqueta LI e vou fechá-la. Se eu coloquei este arquivo, como você pode ver no meu navegador, todos esses são itens da lista agora. E agora você decide que deseja adicionar todos esses valores de matriz e retornar o total. Para isso, você precisa pegar uma variável que, e nosso nome de variável é S. S atribuído com zero. Há dois nesta linha. Então, dentro do fo, vou chamar a variável S. S igual a um pouco mais, e quero adicionar su com esse véu de matriz Toda vez que ele adiciona um novo valor ao valor antigo e repete. Então, fora do loop, depois de el tag, vou pré-inserir essa soma. Então, um documento digitado, pontos escritos, dentro das corridas redondas, eu vou chamar a variável. Soma. Em seguida, semicone para esta linha Então, fora das calibrações, precisamos chamar essa variável Aqui vou digitar o documento dot write dentro do ss redondo, dentro do es duplo, vou imprimir o total. Em seguida, cólon. Após a cotação, vou usar a soma da concessão. Aqui, vou chamar a variável. A variável é alguma. E sem a coluna dois nesta linha. Se eu definir esse arquivo, como você pode ver, gire D total. O total é 100. Se você adicionar esse número f, retornará 100. Lembre-se também de que você pode usar valor da string e o valor Null Deixe-me te mostrar. Aqui, vou adicionar um stream. Vou adicionar um nome, adicionar um. Com isso, aqui vou passar um valor an. Cro Além disso, vou passar um nulo nulo. Antes de eu configurar esse arquivo, Harry, você pode ver, usamos tipos de dados diferentes. É por isso que não vai somar o número. Então, vou comentar essa linha. Também vou comentar esta linha, que está no meu fórum. Depois de configurar esse arquivo, como você pode ver, ele imprime todo o valor nos itens da nossa lista, e o tipo de dados é diferente Agora está claro para você, você também pode usar o tipo de dados misto porque o índice é diferente. É por isso que você pode usar o tipo de dados misto. Você só precisa se lembrar disso, nossas matrizes começam do índice zero Em nossos próximos fóruns, aprenderemos mais sobre matrizes Obrigado por assistir a este vídeo, estado. 34. Tutorial do método de criação de matrizes II: E, é bom ver vocês mais uma vez, estou de volta com uma nova matriz relacionada ao tutorial. Neste tutorial, aprenderemos como podemos criar uma matriz em um método diferente. Em nosso tutorial anterior, você aprendeu como podemos criar matrizes e como podemos imprimir. Primeiro, precisamos inicializar uma variável, depois, em vez dos casos quadrados, precisamos passar o valor e entre os valores, precisamos usar vírgula Quando estávamos criando uma matriz, ao mesmo tempo, também estávamos adicionando valores. Mas a situação é que eu conheço a variável então, mas não tenho os valores. Não sabemos quanto valor pode haver nessa matriz, mas eu quero declarar essa variável como uma matriz Para isso, precisamos seguir essa matemática. Precisamos usar essa palavra-chave, para x igual a uma nova matriz. Isso significa que vai atribuir esse vazio a essa variável. Podemos chamá-lo de método construtor. Usando isso, podemos criar uma matriz. Caso contrário, podemos passar valores. Se você quiser passar valores nessa matriz, para isso, existe um método especial. Vamos ver a prática e aprender o método especial, como podemos passar novos valores para essa matriz. Como você pode ver, lado a lado, abro meu código is Studio Eder e meu navegador usando a extensão Lp Server, e abro meu documento estável anterior Se você perceber, já temos cinco valores em nossa matriz e ela contém um valor mais recente, um valor de string, um valor nulo e também um valor an Aqui, vou mostrar um novo processo para criar uma matriz. Eu quero amarrar uma nova matriz, nova matriz. Então eu vou usar corridas redondas. Vou mover o valor dentro das corridas redondas. Copio, e eu colo aqui, e removo nossos valores antigos. Há que acabar com essa linha. Se eu definir esse arquivo, como você pode ver, ele também funcionou perfeitamente. Suponha que, por enquanto, não tenhamos nenhum valor em nosso a. Vou remover todos os valores. Se eu definir esse arquivo, como você pode ver, ele cria uma matriz vazia e também imprime indefinido no meu navegador Agora eu quero adicionar algum valor nessa matriz vazia. Para isso, precisamos chamar essa matriz de variáveis. Então, dentro da prensa quadrada precisamos passar o número do índice. No índice zero, eu quero adicionar um novo le, e nosso valor é um número 12 Isso vai acabar com essa linha, e eu vou duplicar essa linha dois Em nosso primeiro índice, vou adicionar uma string w. H Vou passar um N em um. E em nosso segundo índice , eu vou passar o bleen True Se eu definir esse arquivo, como você pode ver, ele funcionou perfeitamente. Em nosso índice zero, ele adiciona. Em nosso primeiro índice, ele e adicione um. Em nosso segundo índice, ele adiciona dois. Mas, novamente, vou usar essa linha. Mas desta vez aqui eu quero passar o quarto índice, quarto índice e o número da passagem. 20. E se eu definir esse arquivo? Se eu definir esse arquivo, como você pode ver, em nosso quarto índice, ele imprime 20, mas em nosso terceiro índice, ele imprime indefinido Usando esse método, podemos escalar um determinado número de índice. Mas você também pode especificar algum espaço para esse carrinho. Suponha que se eu passar quatro, isso significa que ele criará quatro índices vazios para essa matriz. Se eu definir esse arquivo, como você pode ver, ele funcionou perfeitamente. Esse valor não interferirá com esse valor de matriz. você pode ver, passamos o valor estático s, e eu vou comentar isso. Mas eu quero passar o valor por meio de e pelo usuário. Eu quero obter valor do uso. Para isso, vou usar outra queda. Deixe-me mostrar F e dentro da prensa redonda eu vou inicializar a variável O g quatro obtém dados iguais a z. Como você sabe, nossa matriz começa do índice zero, é por isso que eu passo zero, e então precisamos definir a condição. Hm tipo zero menor que três. Com isso, precisamos incrementar o valor. Gp l plus. Isso significa que isso exigirá três valores do usuário. Então, dentro do ss, e aqui vou chamar nossa variável de matriz. Array, dentro do quadrado ss, vou passar v igual a, e agora quero obter dados do usuário. Para isso, vou usar o pron box, já aprendemos sobre o pron box em nosso artigo anterior. Aqui, vou digitar prompt Dentro do ss redondo, dentro do s duplo, digite a munição, insira o ícone v. Depois e apareça nesta linha. Depois desse arquivo, se eu recarregar minha página, toda vez que ele perguntará enter wave por meio de uma caixa de prompt Como você pode ver, de acordo com a condição, ou Rob vai correr por três vezes Também vou passar um valor três. Teste este arquivo, como você pode ver, insira o, e aqui vou passar um novo 23. Então eu vou pressionar. Novamente, ele entra no. Aqui eu vou passar uma corda, e eu vou passar em uma. Novamente, vou pressionar e, como último valor, vou passar de 50. Um valor numérico Se eu pressionar, como você pode ver no meu navegador , imprima 23, adicione um e 50. Obtemos dinamicamente dados do usuário e imprimimos em nosso navegador Mas publicamos nossa impressão cinco vezes. É por isso que ele imprime duas vezes indefinido. Para remover esse indefinido desnecessário, basta alterar a condição. O cabelo precisa passar dois. Novamente, você precisa definir esse arquivo e recarregar esse navegador e passar os valores um por um. Deixe-me te mostrar. Se eu definir esse arquivo, como você pode ver, cabelo você precisa passar os valores, ou o primeiro valor é 23. Cabelo, eu vou passar 23, ou o segundo valor é adicionar um. E nossa terceira visão é 15. Se eu pressionar, como você pode ver, agora eu corro apenas três declarações, 23 e uma e 15 Espero que agora o conceito esteja claro para você. Obrigado por assistir a este vídeo, fique ligado no nosso próximo total 35. Introdução de matrizes multidimensionais: É bom ver vocês mais uma vez, estou de volta com um novo tutorial relacionado ao Javascript. Neste tutorial, aprenderemos a matriz multidimensional Em nosso tutorial anterior, aprenderemos como podemos criar matrizes Com isso, também aprendemos um novo método de matriz. Como você sabe, podemos colocar vários valores em uma matriz. Mas, como você pode ver, não há relação entre isso e quando trabalhamos com um projeto real, nesse caso, nossos dados estão relacionados entre si. Algo parecido. Harry, você pode ver os dados de um aluno. Nome do aluno, idade do aluno, sexo do aluno, classe do aluno. Como você pode ver, Tom, e sua idade é de 70 anos, ele é do sexo masculino e está na classe de bacharel. Como você pode ver, todos esses dados nesta linha estão relacionados a Tom, mesma forma que para Harry Si e Sara Para lidar com esse tipo de dados, etapa Java introduz uma matriz multidimensional Isso significa que dentro de uma matriz, temos várias matrizes Se quisermos converter essa estrutura em uma matriz multidimensional, primeiro você precisa pegar uma matriz Então, dentro da matriz, você precisa usar quatro matrizes diferentes como valor. Deixe-me mostrar a sintaxe de como podemos converter essa estrutura s em uma matriz multidimensional Como você pode ver, primeiro precisamos atribuir uma variável. Então, primeiro, você precisa pegar bases quadradas como essa. Então, em vez da base quadrada para cada linha da tabela, precisamos criar uma matriz diferente. Como você pode ver, dentro dessa matriz, temos um total de quatro valores. Como você pode ver, essa é nossa base quadrada interna e essa é nossa base quadrada externa. Entre as bases quadradas internas, precisamos usar coma. Como eu disse em nosso tutorial anterior, cada valor em uma matriz vem com um número de índice E o método similar também funciona para matrizes multidimensionais Como você pode ver em nossa matriz externa, temos um total de quatro. Lembre-se de que começa com zero número de índice, não com um. Além disso, você pode ver que temos um total quatro valores na matriz interna, nome, idade, sexo e classe. Da mesma forma, essa matriz também começa do índice zero, não de um. Então, vamos começar a prática e ver como podemos criar uma matriz multidimensional em JavaScript. Como você pode ver, lado a lado, abro meu editor de código Visa Sudio e meu navegador usando a extensão de servidor Light, e já criei um documento de estimativa chamado Index dot estimate Então, primeiro, defina a tag do script, vou declarar uma variável, e nossa variável é Ary igual a No início, vou pegar square versus port outer array Em seguida, insira a resina quadrada, vou pegar quatro matrizes internas Mais uma vez, vou pegar o quadrado ***. Depois da resina quadrada, vou usar o formato. Depois do quadrado externo ***, vou usar ponto e vírgula para finalizar Agora, em definir essa matriz interna, vou colocar um total de quatro w. Primeiro, vou passar uma string e vou passar o nome do aluno. O nome do aluno é Harry. Então eu vou passar como estudante de 19 anos. Além disso, vou aprovar o sexo estudantil, masculino. Em seguida, vou passar na aula de estudante. P é B comm. E então eu vou pegar essa linha. Aqui eu vou colocar os próximos detalhes, que são Tom. E ele tem 17 anos e também é homem. Ele está lendo BCA, não H tom, só Tom. Mais uma vez, vou apostar nessa linha. O último é Sonny. Aqui, eu vou passar. S. S tem 16 anos e ela é E ela estudou em mais dez. Por enquanto, não quero adicionar muitos estudantes. Eu quero remover o último coma. Como você pode ver, criamos com sucesso nossa matriz multidimensional Agora, a questão é: como podemos imprimir um valor de matriz multidimensional Simplesmente, podemos chamar uma matriz específica usando seu número de índice. Deixe-me te mostrar. Aqui vou digitar o ponto certo do documento, primeiro defino a prensa redonda, vou chamar essa matriz, r. Em seguida, insira a prensa quadrada, quero imprimir isso, todos os detalhes do Tom Aqui vou passar um porque os raios começam com índice zero. Isso é zero, e isso é um, e sub para terminar esta linha Se eu definir esse arquivo, como você pode ver em um navegador, ele imprime a vírgula Tm, 17, masculino e é do Agora eu não quero imprimir todos os detalhes de Tom. Quero imprimir o nome do Tom. Para isso, novamente, precisamos usar o quadrado ***. Dentro do latão quadrado, precisamos passar o número do índice do nome, que é zero Este é o nosso número de índice de matriz externa em este é nosso número de índice de matriz interna. Se eu definir esse arquivo, agora você pode ver que é tinta no Tom. Da mesma forma, se você quiser imprimir Tom ender, nesse caso, precisará passar dois aqui. Se eu definir esse arquivo, como você pode ver, imprima M. Da mesma forma, se você quiser imprimir, Harry HH, nesse caso , primeiro, em nossa matriz de índice externa, precisamos passar zero, e em nossa matriz de índice interna, precisamos passar zero Se eu definir esse arquivo, como você pode ver, imprima o nome, Harry. Isso é tudo para esse azul-petróleo. Neste tutorial, eu apenas apresento o que é uma matriz multidimensional e como podemos criar uma matriz multidimensional no Aqui, você também aprende como podemos acessar valor específico da matriz multidimensional Isso é tudo para o sural. Em nosso próximo tutorial, mostrarei como podemos usar matriz multidimensional com loops aninhados Obrigado por assistir a este vídeo, estado de junho para Ox total 36. Arrays multidimensionais com aninhado: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com o novo tutorial. Neste tutorial, aprenderemos como podemos usar uma matriz multidimensional com aninhado Em primeiro lugar, precisamos criar um externo. Vou remover essa linha e, aqui, vou empatar 44. Quatro, quando o redondo diz, eu vou inicializar o V. A, um saluit, Como você pode ver, temos um total de quatro valores em nossa matriz. Eu adiciono outro aluno neste mínimo adiciono um. Vou criar uma condição A menor que quatro. Então, precisamos manter essa variável. A, última vantagem. Então, dentro do ss redondo, antes de criar o nastic, vou imprimir nas matrizes Aqui vou digitar o ponto do documento, à direita, dentro do ss redondo, vou chamar uma matriz variável. É o recesso quadrado, eu vou chamar o vari, A. Então eu vou usar um sinal concatnado, e aqui, eu vou usar uma etiqueta de freio para a nova linha B. Eu sublinho para finalizar este slide. Se eu definir esse arquivo, como você pode ver no meu navegador, apresse todos os detalhes do aluno Harry Tom Sonny Edward. Lembre-se, este é o nosso exterior. Ele, você pode ver, há um coma entre esta roda, mas eu não quero nenhum coma entre as rodas. Para isso, precisamos usar a tarifa aninhada. Aqui, vou digitar F dentro do conjunto redondo, precisamos inicializar uma variável Aquele B, B e com zero, a cor. Agora precisamos definir uma condição. Como você pode ver dentro do nosso y interno, temos um total de quatro. Aqui vou digitar B, menos de quatro. Há um nesta linha. Preciso implementar a variável v. B plus. Então eu quero mover essa linha dentro do css. Primeiro, vou remover essa etiqueta de tijolo. Então, dentro da prensa quadrada, vou chamar a variável B. Então, fora do loop aninhado, vou chamar brick tag Ponto direito do documento. É o recesso redondo, dentro dos códigos duplos, vou chamar B de tag Se eu definir esse arquivo, como você pode ver, aqui você pode ver que ele acelera todo o coma entre o e, para deixar mais claro, precisamos fornecer um espaço Aqui, no set the nested loop, vou usar o site da congregação Em seguida, fornecerei um espaço e configurarei esse arquivo novamente. Agora você pode ver isso claramente. Dessa forma, podemos definir nossa matriz multidimensional usando Como você sabe, nosso primeiro uso é para valores de matriz externa. E nosso segundo quadrado ss é para valores de matriz interna, e já aprendemos sobre isso em nosso histórico anterior. Se você quiser trazer esses dados para um formato de tabela para isso, você precisa usar algumas tags este. Isso é tudo para este tutorial. Espero que agora seja para você. O que é matriz multidimensional. Obrigado por assistir a este vídeo, afirmo. 37. Tutorial de modificação de JavaScript e exclusão de elementos de matriz: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo tutorial relacionado ao script Java. Neste tutorial, aprenderemos como podemos modificar e excluir elementos da matriz? Em nosso tutorial anterior, aprenderemos como podemos criar matrizes Suponha que, por engano, você passe a idade errada para o aluno e agora queira modificar essa visualização Basicamente, você deseja alterar um número de índice. Para isso, você precisa pegar a variável m e depois adicionar um número de índice, e eu preciso atribuir um novo w, e ele substituirá o valor pelo novo calcanhar Vamos começar a prática. Como você pode ver, lado a lado, abro meu editor de código Visa Studio e meu navegador usando a extensão de servidor Light, e já crio nome do documento de estimativa Index ord estimate Aqui você pode ver uma variável chamada Ay. Aqui você pode ver em nossa matriz, temos um total de quatro polegadas, e é uma matriz unidimensional. No começo, quero mudar o nome do aluno. Para isso, vou declarar a variável y. Então, dentro do processo quadrado, vou passar o número do índice, que é zero Em seguida, atribua-o, dentro dos códigos duplos. Vou criar um sindicato, que é uma audiência. Eu vou fazer nesta linha. Vamos imprimir o documento em nosso navegador. No início, vou imprimir o documento sem alterações. Aqui vou digitar o documento. Ponta para a direita. É a rodada ss Am que passa pelo link variável, que é Ar. Então eu vou duplicar essa linha. Agora vou movê-lo para baixo após a mudança. Vamos configurar o arquivo. Como você pode ver no meu navegador, ele mudou o nome do aluno. Harry, deixe-me adicionar uma etiqueta BA para deixar isso claro. Devo usar o sinal de concatenação e , em vez disso, usar a tag B. M B R, e defina esse arquivo. Agora está claro para você. Isso modifica perfeitamente o nome do nosso aluno. Agora, vamos falar sobre como podemos excluir valores A. Como você pode ver, temos um valor proto quatro em nossa matriz, mas eu quero excluir um desse véu, mas quero excluir um desse Para excluir valores de matriz, predefinimos a palavra Q em Java Script, que é delete Vou comentar esta linha e depois vou digitar delete. Exclua, então precisamos chamar nosso nome de tabela ad. Em vez do quadrado, precisamos passar o número do índice, e eu quero deletar É por isso que vou passar pelo índice número um. Resumindo, vou acabar com essa mentira. Se eu definir esse arquivo, como você pode ver, agora você pode ver em um radiestesista, ele pinta, gira o nome do aluno, seu sexo e sua turma, e exclui sua Mas se você notar, você pode ver que há dois comas. Isso significa que essa exclusão de QR apenas exclui o valor, não o número do índice O número do índice ainda existe, mas ele removeu somente o valor. Então, espero que agora esteja claro para você como isso funciona. Nos próximos 22 anos, aprenderemos mais sobre Ay. Obrigado por assistir a este vídeo afirmando. 38. Classificação de matriz JavaScript e tutorial reverso: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com uma nova etapa do Tutorial de Java. Neste tutorial, vamos aprender Java strip A methyl Vamos ver quantos métodos de raios existem na faixa Java. Diabos, você pode ver uma lista de um metil. Temos um total de 24 métodos de raios e aprenderemos tudo sobre eles em nosso próximo total Neste tutorial, aprenderemos metil curto e reverso Podemos chamá-lo de método de raios, caso contrário, funções de matriz. Como você pode ver, nosso primeiro método é classificar. Vamos ver, o que podemos fazer com esse método? Como você pode ver, site por site, editor de código de estúdio da UPN e meu navegador usando a extensão Live Server, e eu já criei uma estimativa do índice do nome do documento ponto atm Aqui você pode ver, eu defino a tag do script, já criamos uma matriz e eu defino a matriz pit f, advance, me, ale e O li. Usando o método curto, podemos abreviar Vals Alphabetican. Vamos mudar o nome do aluno. Eu vou mudar Smith primeiro. Copie, exclua e, antes de adicionar, vou colá-lo. Eu quero configurar esse arquivo. Primeiro, vou pintar essa matriz sem abreviar. Aqui vou digitar documento, ponto, escrever, a matriz do vestido. Há uma garota nessa fila. Se eu dissesse esse arquivo, você pode ver no meu irmão que é sprint, carne, adv al Oliver Como você pode dizer, água de chalupa. Agora precisamos regar pelo nome deles. Se usarmos o método curto , ele imprimirá o nome, começando com A, B, C e D, dessa forma. Agora vou usar metanfetamina curta. Mas antes que eu o contenha, uma pausa, uma concatenação, dentro do código duplo, B. Depois, na próxima linha. Aqui, vou digitar nossa variável m. R dot. Agora podemos chamar nossa função, e o nome da função é curto. Em seguida, código duplo. Em seguida, latão redondo Em corridas redondas, vou usar o códon Se. Em seguida, novamente, vou chamar essa declaração de declaração de documento. Vou copiar essa declaração e colar após a venda. Se eu fiquei sentado por um tempo, agora você pode ver que está organizado ou nomear alfa verticalmente Primeiro, coloca adv, depois Oliver ah and Sp. Espero que agora esteja claro para você. Qual é o uso de metil curto? Agora, vamos falar sobre o método inverso. Basicamente, a função reversa desempenha o papel de função curta oposta. Então, vamos usá-lo. Então copie esta linha e comente a anterior. Hm para usar a função reversa de pontos brutos. Se eu definir esse arquivo, agora você pode ver, está invertendo a ordem dos nomes dos nossos alunos. Primeiro, imprime Oliver, depois imprime v, depois imprime ad 1, por fim imprime sway É o inverso de acordo com esta lista. Mas se eu ficar curto e inverso juntos, deixe-me mostrar para você e eles configurarão esse arquivo. Como você pode ver, agora começa com o O e depois com A. Para deixar mais claro, vou imprimir a declaração do documento. Então, copie a declaração e saia depois do show. Higacy, agora está mais claro para você. No início, é o menor abreviado em ordem alfabética. Em seguida, encurta nosso Alfa menos inverso na vertical. Espero que agora esteja claro para ele. Obrigado por assistir a este vídeo, sintonize nosso próximo tutorial. 39. Tutorial de matriz pop e push em JavaScript: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo tutorial relacionado ao Java Strep. Neste tutorial, aprenderemos os métodos Java strep, Pop e push Todos esses são métodos brutos. Em nosso tutorial anterior, aprendemos o método curto e reverso. Neste tutorial, vamos aprender o método pop e push. Aqui você pode ver uma matriz. Nessa matriz, temos um total três valores adicionados um, 16 e Bong Agora eu quero dizer o último valor dessa matriz. Para isso, precisamos usar um método especial, que é p, o POP sempre visa o último valor de uma matriz. Ao contrário, temos outro método chamado Push. Usando esse método, podemos adicionar um novo valor final dessa matriz. Sem perder seu tempo, vamos estudar a prática e ver como podemos usá-la Como você pode ver lado a lado, abro meu editor de código do Visual Studio e meu navegador usando a extensão Light Server e já criei um documento estável chamado index dot steven Além disso, você pode ver dentro da nossa tag de script que criamos uma matriz e, na nossa matriz, temos até quatro valores. Eu também pintamos esse valor em nosso documento. Smith adiciona um a Oliver. Agora eu quero excluir o último valor dessa matriz Oliver. Aqui eu vou usar a função pop. I para digitar a variável N array dot pop. Então, precisamos usar bases redondas porque essa é a função. Em seguida, a poluição atmosférica entra nesta linha. Novamente, vou imprimir a linha. Eu copio a linha e colo após a função pop. Se eu definir esse arquivo, você pode ver no meu navegador que nossa primeira instrução dopo imprime nosso anel completo. Mas nossa segunda declaração de sucesso é impressa em três w. Smith, adicione um e Rahul Eu removo o fígado desta orelha. Lembre-se de que é sempre remover lst wh, e agora vou usar a função push Vou comentar esta linha, e aqui vou amarrar R A dot push. Então ele colocou o recesso redondo, precisamos passar o valor Aqui você pode passar qualquer valor numérico de string , o que você tem. Aqui vou passar um valor de string. Vou digitar Curn. Então, olhe nesta linha. Se eu definir esse arquivo, agora você pode ver em nossa nova lista, no final desta lista, que ele adiciona Curn. Usando o método Push, você pode adicionar vários valores como um. Vai somar todo o valor, acabar com esse valor perdido. Espero que agora o método pop and push esteja claro para você. Em nosso próximo tutorial, aprenderemos o método moldado e não moldado Obrigado por assistir a este vídeo, aguarde o próximo. 40. Tutorial de deslocamento de matriz em JavaScript e Unshift: Para o pessoal do uv, mais uma vez, estou de volta com uma nova etapa Java relacionada ao Tutorial. Neste tutorial, vamos aprender outros métodos, moldados e não moldados Em nosso tutorial anterior, já aprendemos pop e pose reversos curtos. Nesse total, abordaremos esses dois metil, moldado e não moldado Aqui você pode ver uma matriz e, dentro dessa matriz, temos um total de três valores, nove H e educação, e agora você deseja definir o primeiro valor dessa lista. Para isso, você precisa usar metil moldado. É uma versão totalmente oposta ao método pop, que aprendemos em nosso tutorial anterior. E se você quiser adicionar um novo valor na matriz existente, nesse caso, precisará usar a forma. Isso adicionará um novo valor inicial dessa matriz. Vamos começar a prática e ver como podemos usar essas funções. Como você pode ver lado a lado, abro meus vistos para um novo núcleo e meu navegador usando a extensão L Live Server, e já criei um documento est chamado index dot STL Além disso, você pode ver uma matriz dentro do script t e t quatro valores dentro dessa matriz. Agora eu quero remover o primeiro valor dessa matriz. Para isso, precisamos usar o método moldado. Matriz tipo Hm dot Ship. Em seguida, defina essa linha. Novamente, vou imprimir essa matriz no meu documento. Copie esta linha e cole depois disso. Se eu definir esse arquivo, você poderá ver o resultado. Isso remove o primeiro valor do mínimo. Ele remove o valor do índice acima de zero. Agora começa com Add one Role e Oliver. E da maneira oposta, se você quiser adicionar um novo valor no índice zero, nesse caso, você precisa usar o unshad. Deixe-me te mostrar. Vou comentar esta linha e, na próxima linha, vou digitar A dot unsha. Então, dentro da roupa, precisamos passar um V e aqui vou passar comum Como sábio para finalizar esta linha. Se eu definir esse arquivo, você poderá ver o resultado no meu navegador. Agora nossa lista começa com Kamal. Adicione o índice zero, atribuiu o valor de Kamal. Isso é tudo para este tutorial. Em nosso próximo tutorial, aprenderemos esses dois métodos, concat e Join Obrigado por assistir a este vídeo, fique ligado no nosso próximo tutorial 41. Tutorial de matriz JavaScript Concat e junção: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo script Java relacionado ao tutorial script Java relacionado ao e um tutorial em inglês. Vamos aprender funções concretas e de junção Em nossos tutoriais anteriores, aprenderemos toda essa matriz de metanfetamina, curta, reversa, pop po em forma de unshape e tutorial em inglês, abordaremos concreto e junção Aqui você pode ver uma matriz. Dentro dessa matriz, temos o total de Advin Rahul e Aman. Da mesma forma, temos outra matriz. Dentro dessa matriz, temos um total de duas correntes e R V. Agora você deseja unir essas duas matrizes e retornar uma matriz. Você deseja mesclar as duas matrizes. Para isso, precisamos usar o metil concat. Concat significa concatenação. Caso contrário, pode unir duas cadeias de caracteres à matriz usando esta função. Vamos começar a ver de forma prática, como podemos usá-lo. Como você pode ver, lado a lado, abro meu editor de código Visa To e meu navegador usando a extensão de servidor Light, e já crio um documento STML chamado index dot atm Eu defino esse script, você pode ver uma matriz, e inserindo essa matriz, temos um total de quatro var, Smith, Ad one, all e liver Agora eu quero concatenar essa matriz com outra matriz. Para concatenar com outra matriz, temos vários Deixe-me mostrar o primeiro processo. Aqui, vou pegar outra variável p igual a, e agora vou usar nossa função de concatinação Um ponto concatenado. E dentro das chaves redondas, vou passar para um nome diferente Nosso primeiro nome é Ravi. Nosso segundo nome é Kumar. É o duplo es, C. O semicícone dois nesta linha, e agora vou imprimir essa nova matriz no meu documento Aqui vou digitar document dot write document dot write, eu defino o Run brass, vou passar o nome da variável B, então marque dois pontos nesta linha. Se eu definir esse arquivo, você pode ver no meu navegador, imprimir uma nova matriz. Aqui, concatenamos diretamente com nossa matriz existente. Esses quatro valores vêm da nossa primeira matriz e esses dois valores vêm da nossa segunda matriz. Basicamente, mesclamos essas duas matrizes. Deixe-me mostrar outra maneira como podemos usar o metil concatenado Alguns para comentar essa linha. Novamente, vou usar o mesmo nome de variável. B, e agora vou criar uma matriz. Em vez do ss quadrado, em vez dos casacos duplos, vou usar o mesmo nome de Ravi Nosso segundo nome é Kumar. Em seguida, semigne para terminar esta linha. Novamente, vou concatenar essas duas matrizes. Mas desta vez, precisamos criar outra variável para concatenar Aqui eu vou criar outra variável. Nossa terceira variável m é C, C igual à função concatenada de rato Então, em vez do processo descendente, precisamos passar nossa segunda variável, seja, nossa segunda matriz, B. Quero dizer aqui nós concatn, essa variável de matriz com essa variável V. Ambos são a matriz. Se eu definir esse arquivo e imprimir essa variável C em nosso documento, deixe-me mostrar Gentrit, C e definir esse arquivo, como você pode ver, o mesmo resultado Agora C é uma nova matriz, que é feita por duas matrizes, Ry e B. Além disso, podemos mesclar várias matrizes de uma só vez. Deixe-me te mostrar. Novamente, vou criar outra matriz, e nosso N é Z, e aqui vou passar v, 32 e 65 pneumáticos Agora eu quero mesclar três matrizes de uma só vez. Só precisamos usar uma vírgula depois de B. C. Isso significa que eu quero mesclar essas duas matrizes com esse y. Se eu definir esse arquivo, você pode ver o resultado Esse é o uso da função Ponkt. Espero que agora esteja claro para você. Agora, vamos falar sobre outro método de matriz, que é Join. Como você pode ver, temos uma variável e dentro dessa variável, temos um total de três valores. Todos esses valores são diferentes, mas você deseja unir todos os valores uma vez e convertê-los em um fluxo. Ao converter esse valor em um fluxo, você deseja usar o sinal Ds, caso contrário, qualquer sinal entre eles. Nesse caso, você precisa usar a função de junção. Isso converterá seu valor em um único fluxo. Vamos começar a prática e ver como podemos usá-la. Novamente, eu vetorizo o Studio codaor. No começo, vou comentar toda essa linha. Agora eu quero juntar todos esses valores e converter em uma string. Para isso, primeiro, vou pegar uma variável. X, x igual a, agora precisamos usar a função de junção. R A, junção de pontos. Então, dentro do recesso redondo, precisamos fornecer qualquer caractere, caso contrário, qualquer sinal, que possa ser usado como separador entre valores Aqui eu vou usar o sinal D como abcne nesta linha. Agora vou imprimir essa variável. Docen right x. Se eu definir esse arquivo, você poderá ver o resultado Agora não é mais uma matriz. Agora é um stream. Agora é um único stream completo. Entre eles, você pode usar qualquer signo ou qualquer personagem. Se você quiser dar um espaço e definir esse arquivo, como você pode ver, ele fornece um espaço entre o valor, mas é um fluxo único completo. Você pode usar qualquer sinal entre esses valores. Por enquanto, vou usar o slash e vou definir esse arquivo Basicamente, a função de junção converte a matriz em um fluxo. Esse é o uso da função de junção. Espero que agora esteja claro para você. Obrigado por assistir a este vídeo, sintonizado para nossa próxima turnê 42. Tutorial de fatia e emenda de matriz em JavaScript: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo Tutoria do Java Script relacionado Neste tutorial, aprenderemos o método de piolhos e plis Olá, você pode ver, atribuímos uma variável e, dentro dessa área, temos três rodas, Ad one Ra e Aman. E agora eu quero extrair Ren Amen dessa matriz e quero criar uma nova matriz Para isso, precisamos usar um método de matriz, name slice. Usando essa função, você pode extrair um valor, caso contrário , vários de uma matriz e criar uma nova matriz. Nesta função, precisamos passar para dois parâmetros. Início e n. Eu quero dizer índice inicial e índice n. Como já sabemos, podemos exceder o valor A usando seu número de índice. De acordo com esse índice, se quisermos extrair Raul Amen, para o valor inicial, precisamos passar um, e para o valor n, precisamos passar dois Vamos começar a prática. Como é ou. Como você pode ver, lado a lado, abro meu editor de código do Visor Studio e meu navegador usando a extensão Live Server. Eu já criei documentos de estimativa chamados ponto índice EsteMN E eu disse que essa tag de script, temos uma matriz. E eu disse que essa matriz, temos um total de quatro rodas, Smith, e um Raul e Oliver Agora, dessa matriz, quero extrair adv e Rahul e retornar uma nova matriz. Deixe-me te mostrar. Então, primeiro, vou atribuir uma variável x, x igual a, e agora vou usar a função slice Para isso, precisamos chamar nosso ponto y R, slice. Então, dentro do ss redondo, precisamos passar por dois parâmetros. Precisamos extrair adv e role desse ic. Este é o nosso índice zero, e este é o nosso primeiro índice. Hrad passa nosso número um inicial, este é nosso primeiro índice E como ponto final, vou passar por três. Agora, a questão é por que passar três. Como você pode ver, o número do índice redondo é dois, não três, porque para executar essa função, precisamos adicionar um com nosso valor perdido. Quero dizer que se você quiser retornar índice número um e o índice número dois, nesse caso, você precisa começar do índice número um, mas precisa passar três como ponto final. Então, se eu depois de ponto e vírgula, se eu definir esse arquivo, e agora eu quiser imprimir nosso novo valor a no meu documento Para isso, vou digitar o ponto do documento diretamente dentro da prensa redonda, vou passar x. Depois, semicon para finalizar esta linha Se eu definir esse arquivo, você pode ver o resultado, eu imprimo o anúncio um e executo. Mas se eu passar apenas um, e eles configurarem esse arquivo, agora você pode vê-lo impresso como um Rule and Oliver Quero dizer, ele vai criar a nova matriz a partir do índice um. Também podemos passar um valor negativo. Aqui, eu vou passar menos um. Se eu definir esse arquivo, agora você poderá vê-lo imprimir Oliver apenas porque começamos nossa matriz com menos um índice, e esse é nosso índice menos um, e depois de Oliver, não há valor Se eu passar menos dois, e eles configurarem esse arquivo, agora você pode vê-lo imprimir Rule e Oliver Isso é menos um valor e esse é menos dois Se usarmos o valor negativo, ele funcionará na direção oposta Você também pode acessar o valor da direção oposta. Este é o uso da função slice na matriz. Agora, vamos falar sobre a função PLS. Qual é o uso da função PLS? Como você pode ver, há uma matriz. Dentro dessa matriz, quero colocar novos outros valores. Mas eu não quero colocar esse valor no início e no. Para isso, já pressionamos uma função não alterada. Mas eu quero colocar esses valores entre eles. Eu quero atribuir esse valor a Raul e f Aman. Para isso, precisamos usar a função place. Nessa função, precisamos passar um total de três parâmetros, índice, número de datas e novo valor. Precisamos começar do número dois porque eu quero atribuir isso a Rahul Em nosso primeiro parâmetro, precisamos passar dois. Nosso próximo parâmetro é opcional. Esse parâmetro é útil, se você quiser excluir esse valor, se quiser reduzir esse valor, precisará passar zero Então, em nosso terceiro parâmetro, você precisa passar o novo limão. Há outro uso dessa função. Você pode excluir o valor existente usando essa função. Sem perder tempo, vamos começar a prática e ver como funciona Como você pode ver, defina esse valor de Rt quatro, e agora eu quero adicionar um novo valor após venda. Para isso, precisamos usar o método PLs. Possui camadas de pontos tipo R A. Então você define o ss redondo e, antes de eu passar o parâmetro, você precisa se lembrar. Isso não criará uma nova matriz. Isso só vai modificar essa matriz. Aqui, depois da função, quero passar nosso valor. Aqui, vou passar por três e não quero excluir o item. Depois de três, vou passar zero e, em seguida, vou passar para um novo valor para essa matriz. Eu coloquei as aspas duplas, sou do tipo sm. E nosso segundo valor é NA, um segundo dois nesta linha Novamente, vou imprimir essa matriz no meu documento. Vou copiar essa linha e colá-la depois dessa função. Se eu definir esse arquivo, você poderá ver o resultado e, para deixar claro, também vou usar uma tag de quebra entre eles. Sinal de congregação dentro dos códigos duplos, B R. Se eu definir esse arquivo, agora você pode ver o resultado Aqui você pode ver depois de uma perna, ela adiciona o gene Smith e move o fígado para frente Se quiser excluir um valor, você precisa passar um aqui. Se eu definir esse arquivo, agora você pode ver, ele remove Oliver desta lista Além disso, podemos passar menos. Se eu passar menos três, também vou excluir o número zero Eu configurei esse arquivo, agora você pode ver, aqui você pode ver, ele colocou Smith Neha após o primeiro valor Para evitar a confusão, vou mudar o nome do valor Aqui eu vou passar R V. Se eu definir esse arquivo, você verá o resultado. Agora, você não deseja adicionar nenhum valor a essa matriz existente, mas deseja excluir o valor dessa matriz existente. Para isso, também, você pode usar essa função. Vamos duplicar essa linha e comentar a anterior, e aqui vou passar apenas dois argumentos Deixe-me te mostrar. Eu quero começar do dois, e também quero excluir dois valores 22. Se eu definir esse arquivo, agora você pode ver Sta com apenas dois valores, Smith e adicionar um. Espero que você fique nervoso Qual é o uso da função de preço? Você pode agregar novo valor. Além disso, você pode excluir valores. Obrigado por assistir a este vídeo, sintonia oficial do nosso próximo estúdio. 43. JavaScript isArray Tutorial: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com uma tela Java relacionada ao Neo Tutorial. Neste tutorial, aprenderemos uma nova matriz relacionada ao metil O nome do nosso método é é. Já abordamos toda essa função em nosso tutorial anterior e, neste tutorial, eu abordo essa função, é apenas A. Total de três variáveis, A, V e C. Além disso, você pode ver os tipos de dados A é a, V é um número e C é uma rua. Assim, você pode reconhecer esse tipo de dados com muita facilidade. Mas como seu programa pode reconhecer isso? É matriz ou não? Suponha que você queira definir sua condição. Se a variável for uma matriz, nesse caso, você deseja executar um código. Caso contrário, você deseja executar other para reconhecê-lo, temos uma função especial, que é matriz. Vamos ver como podemos usá-lo de forma prática. Harry, você pode ver lado a lado, eu abro meu editor de código do Visual Studio e meu navegador usando a extensão Live Server, e eu já crio o nome do documento estim Index estim Está na tag do script, você pode ver, temos uma matriz. Nesta matriz, colocamos quatro rodas, e eu também imprimo essa matriz no meu documento. E agora eu quero verificar se a variável Ar y é A ou não. Para isso, primeiro, vou criar uma variável. X, x igual a, e agora precisamos chamar a função. Um ponto é. Se o arredondador diz, precisamos passar a variável A R y e, em seguida, semgal para n nesta linha. Essa função sempre escrita como verdadeira ou cai. Vamos trazer a variável no meu documento. No entanto, digite o ponto direito do documento. É o processo redondo, eu vou passar o v n x. Pn sub para esta linha Se eu definir esse arquivo, você poderá ver o resultado. É rigorosamente comprovado. Mas se eu mudar o tipo de dados, deixe-me mostrar. Então, para visualizar esta linha e comentar a linha anterior. Aqui eu vou remover essa matriz e vou inserir um valor pneumático, que é 55 Se eu definir esse arquivo, agora você pode vê-lo ao cair. Agora, vamos usar esse método com uma condição EP. Para isso, vou remover as linhas e aqui vou digitar I. Aqui vou digitar I dentro da irmã redonda, A, ponto, existe uma função, dentro das corridas redondas, vou passar a matriz do nome da variável. Se a condição for verdadeira, então, dentro do ciss, quero imprimir uma declaração do documento documento pode ser escrito dentro do ss redondo, e eu quero imprimir, isso é uma matriz. Em nossa condição s, quero imprimir s dentro do cis, ponto do documento, ponto direito do documento, nós dentro do latão redondo, isso não é uma matriz E também semicon para finalizar esta linha. Vamos configurar o arquivo e ver qual declaração ele retornará. Se eu definir esse arquivo, como você pode ver, sprint, isso não é uma matriz porque, como você pode ver, nossos dados variáveis são números Mas se eu desabilitar essa linha descomentar essa linha e desmarcar esse arquivo, como você pode ver agora, sprint, isso é uma matriz Usando essa função, você pode verificar se essa variável é matriz ou não. Obrigado por assistir a este vídeo para o nosso próximo tutorial 44. JavaScript Array indexOf e lastIndexOf Tutorial: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo script Java relacionado ao Tutorial. Nesse total, aprenderemos o índice e o último índice de metil Em nosso tutorial anterior, já abordamos Even A metanfetamina e, neste tutorial, abordarei esse índice e o último índice de Em primeiro lugar, vamos tentar entender o que é índice de metil Igual a CN e nossa variável m é A, e temos um valor total de quatro nisso, adicione um, Rahul Amon e E agora você quer verificar se os Rams existem em sua matriz ou não Se existir, retorne o número do índice. No nosso caso, vai devolver um. Esteja em nosso índice zero, adicionamos um. Em nosso primeiro índice, temos Rahul. Em nosso segundo índice, temos Amen e em nosso terceiro índice, temos novamente o transporte ferroviário. Você pode confundir Temos um total de duas rodas semelhantes. Ra no índice número um, ra no índice número três, mas o índice da função sempre retornará o primeiro resultado. Nesta função como parâmetro, primeiro, você precisa passar a palavra-chave de pesquisa. No nosso caso, R. Então DFL retornará o primeiro resultado Depois de retornar o primeiro resultado, ele não retornará o outro resultado. Mas se começarmos nosso resultado de pesquisa a partir do Índice dois, nesse caso, retornaremos esse resultado do Índice três. Lembre-se de que, em nosso primeiro parâmetro, precisamos passar a palavra-chave e, em nosso segundo parâmetro, precisamos passar o número do índice de onde queremos começar. Então, sem perder seu tempo, vamos começar o C prático, como é w. Como você pode ver, S P S, abro meu editor de código visa stdio e meus arcos estão usando a extensão life Server, e eu já criei um documento STL chamado Dentro do pacote de scripts, como você pode ver, temos uma matriz. Dentro dessa matriz, temos um total de quatro w, Smith, Add one, Role e adicionamos um A, e já imprimimos nossa matriz em nosso documento. Como você pode ver, adicionamos 12 vezes em nossa lista. Vamos ver como o índice do método funcionou nessa matriz. Rapidamente, vou criar uma variável X, X igual a A, índice de pontos do método, índice. Então, dentro das chaves redondas, princípio, vou passar apenas um parâmetro Vou passar apenas uma palavra Q de uma vez. Em seguida, tente terminar esta linha. Em seguida, vou imprimir esse x muito bem no meu documento. Aqui estou digitando document diretamente dentro da rorass, x, e depois similar ao final Antes de definir esse arquivo, aqui vou usar uma tag B. Vou usar o sinal de concatenação dentro dos códigos duplos, Se eu definir esse arquivo, você poderá ver o resultado, ele será escrito como um porque foi escrito o primeiro resultado dessa matriz, e o número do índice desse primeiro resultado é um. Da mesma forma, se você quiser pesquisar outro valor, passe Rahul Então eu vou configurar esse arquivo. Agora você pode ver que está escrito no Índice número dois, e agora eu quero começar nossa pesquisa qu a partir do Índice número dois Aqui eu vou passar outro parâmetro. Dois. Além disso, vou mudar a palavra-chave de pesquisa. Desta vez, vou procurar Smith. Se eu definir esse arquivo, o aqua c retornará menos um. Se essa função não encontrar nenhum valor nesse caso, retornará menos um Deixe-me provar isso. Aqui, vou passar outro valor, que não está no leste desta lista. Vou passar V. Se eu definir esse arquivo, aqua, novamente preciso retornar menos um, porque contamos a partir do Índice número dois, é por isso que a palavra-chave Smith escreveu menos um porque contamos a partir do Índice número dois, é por isso que a palavra-chave Smith escreveu menos Vamos remover a palavra-chave e aqui vou digitar com uma. Se eu definir esse arquivo, agora você pode ver que está escrito no índice número três. Como você pode ver, após o índice número dois, ele forma a palavra-chave. É por isso que está escrito o índice número três. Basta lembrar que, se a palavra-chave não estiver disponível, nesse caso, ela retornará menos um, e se a palavra-chave estiver disponível, nesse caso, ela retornará o número do índice e, usando o segundo parâmetro, podemos selecionar de onde queremos começar nosso s. Espero que agora esteja claro para U qual é o uso do índice da função Agora vamos falar sobre nosso outro método, que é o último índice de. O heregay é a mesma área, eu defino esse valor de protótipo quatro Esse banheiro é o oposto do nosso método anterior. Ele busca resultados na direção oposta. Se eu pesquisar, Rd retornará o índice número três. Vamos começar a prática e ver como funciona. Novamente, vou pesquisar e adicionar uma palavra-chave, mas vou alterar o nome do método, que é o último. Último índice. Aqui, vou remover nosso segundo parâmetro. Eu só quero pesquisar e adicionar um. Se eu configurasse esse arquivo, ele não escreveria nada porque eu fiz alguma silmística Precisamos capitalizar a palavra-chave. No último índice. Se eu definir esse arquivo, agora você pode ver, ele está escrito três porque agora ele vai pesquisar o resultado na direção oposta e encontrou a palavra-chave adv no índice número três Da mesma forma, se eu passar o segundo parâmetro , aqui, novamente, vou passar, novamente, vou passar dois aqui. Se eu definir esse arquivo, agora você pode ver que está escrito o índice número um. Agora, ele pesquisará a palavra-chave adv antes da palavra-chave role. É por isso que ele é o índice número um. Esse é o uso dessas duas funções. Obrigado por assistir a este vídeo, sintonizado para os próximos 22 45. Matriz JavaScript inclui tutorial de método: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo tutorial relacionado a Javascript y Math. Neste tutorial, vamos incluir matemática. Aqui você pode ver a matriz, que é a história em uma variável A. Dentro dessa matriz, temos um total três valores mais um, Rahul e Agora eu quero pesquisar um valor dessa matriz. No nosso caso, Rahul. Você deseja verificar se um valor inteiro existe nessa matriz ou não. Para isso, você pode usar, incluir a função. Aqui você precisa passar a palavra-chave do item de pesquisa. Aqui você pode pesquisar tipo de dados alfanuméricos, tipo de dados numéricos, sequência de caracteres, etc. Ele pode pesquisar qualquer tipo de valor e essa matemática retorna um valor por meio de qualquer uma das gorduras. Sem perder tempo, vamos começar a prática e ver como é Como você pode ver, lado a lado, abro meu editor de código do Visa Studio e meu navegador usando a extensão Light Server, e já crio um documento ESTiml chamado index dot atm É esse script, você pode ver uma matriz. Dentro dessa matriz, colocamos todos os quatro Smith, Ad one Male e Ad one Again. Além disso, você pode ver, imprimimos nosso documento nessa matriz. Agora eu quero encontrar um nome desse carro. Para isso, precisamos usar o método include. Primeiro, vou criar uma variável. Esse X. X ASinUD, A ponto inclui a função, R A, R A, Em seguida, insira o recesso redondo e insira o curso duplo, vou passar a palavra-chave, que é Em seguida, sub para finalizar esta linha. Basicamente, eu quero pesquisar, adicionar uma palavra existente nesta matriz ou não. Vamos dar uma olhada muito bem em nosso documento. Ela digita o documento para a direita e ajuste as prensas redondas, vou passar nossas fotos muito bem, e sub para finalizar esta linha Se eu definir esse arquivo, você poderá ver o resultado. É escrito t porque existe mais um em nossa matriz. Da mesma forma, se eu passar um valor que não existe nessa matriz, deixe-me mostrar a você. Passe Rb. Em seguida, defina esse arquivo. Agora você pode ver que está escrito como falso Lembre-se de que essa função é sensível. Deixe-me te mostrar. Aqui vou digitar Smith. Mas aqui eu uso uma minúscula de quatro A. Se eu definir esse arquivo, o sistema noc cai novamente Mas se eu colocar esse caractere S em maiúscula e depois definir esse arquivo, Noct A função diferencia maiúsculas de minúsculas e sempre tenta corresponder ao Q exato. Basicamente, usamos esse tipo de método com condições e. De acordo com o resultado, podemos executar qualquer programa. Espero que não inclua o método. Obrigado por assistir a este vídeo, sintonia estadual para nosso próximo. 46. JavaScript Array alguns e todos os métodos Tutorial: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo Tutorial Real State Javascript. Neste tutorial, aprenderemos toda e qualquer matemática. Aqui você pode ver a idade do nome da variável. Em vez dessa variável, temos um total de quatro, 18, 13, 21 e dez. Agora você deseja verificar o valor para adultos nesta lista. Como você pode ver, 18 e 21 é adulto, mas você quer conferir os valores, é adulto ou não? Suponha que você crie uma variável e atribua o valor adulto, que é 18, e agora deseja extrair qual valor é igual a 18, caso contrário, maior que 18. Para isso, você pode executar follow. Em vez desse volume, você pode usar condições de IP. Mas é um processo bastante demorado. Mas em matriz, temos uma solução simples, que é S. Através desta função, você pode verificar o resultado. Mas antes precisamos criar uma função para obter esse valor e precisamos passar a função no método sum. Para cada valor dessa matriz, ela executará essa função de soma. Essa função sempre retorna valor da proibição por meio de false. Se algum valor corresponder à condição, ele retornará verdadeiro, caso contrário, retornará falso. Então, sem perder seu tempo, vamos começar pela prática Como você pode ver lado a lado, abro meus vistos no seu editor de código e no meu navegador usando a extensão Live Server e já criei o nome do documento estel index dot Como você pode ver dentro da tag do script, temos uma matriz de variável He e um total de quatro valores nessa matriz, e eu já imprimo esse valor no meu documento e agora quero verificar todo o valor em uma condição. Para isso, vou criar uma variável x igual a, e aqui vou chamar a função soma. H é o ponto S Como eu disse anteriormente, ela retornará apenas uma roda para cada queda. Mas para isso, precisamos passar uma condição dentro dessa função de soma. Vou criar uma função. Mas antes eu vou chamar o nome da função dentro dessa função, e o nome da nossa função é adulto. Vamos acabar com essa linha. Se eu plantar esse solo , não vai funcionar. Com isso, quero imprimir o resultado no meu documento. Aqui eu quero digitar o ponto do documento diretamente dentro do campo, quero imprimir nossa variável, que é x. Ao entrar nela, eu defino as duplas, quero usar um B a ta ou quebrar a linha Novamente, defina como nesta linha. Agora vou criar a função. Aqui vou digitar function que function, e nossa função é adulta. Então, dentro das corridas redondas, eu vou passar apenas um parâmetro H. Em seguida, dentro do crass, e agora eu quero retornar qualquer valor falso desta função Para isso, aqui vou usar written, return. Retorne e eu vou usar o operador de comparação. H maior que igual a dois, e nosso número é 18, e o s dois nesta linha. Inicialmente, essa função de soma verificará todo o valor dessa lista. Como argumento, ele passará todo o valor um por um na função adulta. De acordo com a condição, a função adulta retornará o resultado em qualquer queda. Se um dos valores únicos passar, o teste retornará. Sem perder seu tempo, vamos nos divertir e ver o que aconteceu Como você pode ver, é verdade porque 19 é maior que 18. Além disso, se eu remover 19 e convertê-lo em 16 e depois definir esse arquivo, ele também será verdadeiro porque 22 é maior que 18. Mas se eu alterar o valor 11 e depois ativar esse arquivo, agora você pode vê-lo retornar falso Mas se eu passar dos 18 anos, como você pode ver, ele volta verdadeiro. Porque se algum valor corresponder a essa condição, ele sempre retornará verdadeiro. Lembre-se de que, se você quiser usar alguma função com A, precisará criar outra função porque essa função, como argumento, ela assumirá a função. Agora, vamos falar sobre cada função. Cada função também é muito parecida com essa. Aqui vou duplicar esta linha e comentar a anterior, e vou digitar todas Essa função retornará true se todos os valores corresponderem a essa condição, caso contrário, ela retornará false. Se eu definir esse arquivo, como você pode ver, ele é escrito como falso porque sem 18, todos os valores não correspondem a essa condição. É por isso que está escrito como falso. Mas se eu aumentar o valor, deixe-me mostrar 22. 9021. Se eu definir esse arquivo, agora você pode ver que está escrito Essa função também verificará todos os valores um por um. Mas se algum valor não corresponder a essa condição, ele retornará falso aqui. Mas em nosso método anterior, se um dos valores corresponder a essa condição, nesse caso, retornará verdadeiro. Essa é a diferença básica entre algumas e todas as funções. Espero que agora esteja claro para você. Obrigado por assistir a este vídeo em breve para nossa próxima análise. 47. Tutorial de matriz JavaScript find e findIndex: É bom ver vocês, mais uma vez, estou de volta com um novo tutorial relacionado aos métodos de matriz JavaScript. Neste tutorial, aprenderemos dois novos métodos, A find e find index. Aqui você pode ver o nome de uma matriz. Dentro dessa matriz, temos quatro, 18, 13, 21 e dez. Agora eu quero pesquisar o resultado com base na condição. Eu quero pesquisar um valor que seja igual a 18, caso contrário, maior que 18 Eu crio uma variável e atribuo um v, que é 18. Então, precisamos criar uma função e, dentro dessa função, precisamos criar uma condição. Como no nosso tutorial anterior. Esse método também é bastante semelhante ao nosso método anterior. Mas em nosso método anterior, ele tratou o valor da proibição como verdadeiro em quatro. Mas se usarmos o método find, nesse caso, ele retornará o V, retornará o primeiro valor, que corresponde a essa condição. De acordo com essa matriz, ela retornará nosso primeiro valor 80 porque corresponde à condição e ignorará todos os valores Mas se nosso primeiro valor não corresponder à condição, nesse caso, ele retornará 21. Este é o uso do método fino. Agora, vamos falar sobre o método de índice fino. Este método também é semelhante ao método fino. Mas a diferença é que ele retorna o número do índice dessa área, não o método V. Fine sempre escrito, mas o método de índice fino escreveu o número do índice, que é zero. Sem perder tempo, vamos começar a prática e ver como funciona. Como de costume, abrimos nosso editor de código do costume, abrimos Visual Studio e meu navegador usando a extensão Light Sever, e eu já criei um documento esten chamado index Como você pode ver nesta guia de script, temos uma matriz e temos um total de quatro valores nessa matriz. Como você pode ver, como usamos nossa função torial anterior, adulta Essa função vai comparar os valores da matriz um por um. Como você sabe, para executar esse método, precisamos criar uma variável Eu crio uma variável x, x igual a ponto, e nosso primeiro nome de método está bom. Tudo bem. Então, dentro da prensa redonda, precisamos passar o nome da função, que é adulto. Vamos configurar o arquivo e ver o que ele escreveu. Se eu definir esse arquivo, como você pode ver, está escrito 19. É escrito o valor exato, que corresponde a essa condição. Este é o uso do método fino. Sempre é escrito o primeiro valor, que corresponde à condição. Vamos falar sobre nosso outro método, que é encontrar índice. Aqui, vou digitar find index. Se eu disser esse arquivo, agora você pode ver que está escrito dois, mas a pergunta é: por quê? Como eu disse anteriormente, método find index sempre escreveu o número do índice. Como você pode ver no Índice número dois, temos 19. É por isso que está escrito dois. Espero que agora esteja claro para você. Qual é o uso do método Find and find index. Obrigado por assistir a este vídeo, sintonize nosso próximo tvio 48. Tutorial de filtro de matriz de JavaScript: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo tutorial relacionado ao método de matriz Java Script. Neste tutorial, vamos aprender o filtro de matriz. Como você pode ver em nossa matriz, temos um total de quatro valores, 18, 13, 21 e t. Agora, quero pesquisar o valor de acordo com as condições e extrair os valores que estão em 18, caso contrário, maiores que 18. Para isso, precisamos criar uma condição dentro de uma função e passar a função dentro desse método de filtro, e ele retornará uma nova matriz, cujo A é 18, caso contrário, maior que 18. Sem perder seu tempo, vamos começar a prática e ver como podemos usar esse método Como você pode ver, lado a lado, abra o editor de código do vis studio e meu navegador usando a extensão Lf sever, e eu já criei o nome do documento eTem Index Como você pode ver dentro da tag do script, já temos uma matriz. Além disso, temos um total de quatro valores nessa matriz, 14, 17, 19 e 15. Além disso, vou alterar um dos valores dessa matriz. Aos 22 anos, vou configurar esse arquivo. Como você pode ver, já temos uma função para a condição adulta, e eu uso essa função muito mais vezes em nossos ttfels anteriores Agora, vamos usar a função com isso. Ele é filtro de pontos e, na prensa redonda, precisamos passar a função, que é adulta. E eu digo que esse arquivo, como você pode ver em um navegador, como você pode ver, está escrito em uma nova área. De acordo com a condição, 19 e 22 são maiores que 18. É por isso que tem esses dois valores. Em nosso método anterior, ele escreveu um valor, caso contrário, um número de índice. Mas usando o método de filtro, podemos retornar todo esse valor, que corresponde a essa condição Espero que seja bom para você, qual é o uso da função de filtro Obrigado por assistir a este vídeo, fique ligado no nosso próximo sural 49. Matriz JavaScript paraMétodos de Corda, valorde e preenchimento: Acesse Zu Ba, pessoal, novamente com um novo tutorial relacionado ao método de matriz JavaScript Neste tutorial, aprenderemos dois métodos de string, método de aumento de valor e matemática de preenchimento. Como você pode ver a matriz Hazon. Dentro dessa matriz, temos que t três valores, Aman mais um e Rahul Agora eu quero converter essa matriz em uma string. Para isso, precisamos usar uma função chamada two string. Ele é usado para converter uma matriz existente em um fluxo. Depois de convertê-lo em uma string, não podemos aplicar nenhum outro método de matriz nele Sem perder tempo, vamos estudar a prática e ver como podemos usá-la Como de costume, de lado, abrimos nosso editor de código Vs sudo e meu navegador usando a extensão Live Server, e eu já criei um nome St e com na matriz dot Stel Como você pode ver dentro dessa tag de script, temos uma matriz, X, e teremos que falar de quatro valores dentro dessa matriz. Adicione um Rahul Arab Ravi Se você quiser converter essa matriz em uma string para isso, você precisa digitar nosso nome de variável X dot, e precisamos usar nosso metal, duas cordas, duas cordas E então eu vou imprimir essa variável no meu documento. Aqui vou digitar o ponto direito do documento e definir as massas, vou passar nossa variável em x. Se eu definir esse arquivo, como você pode ver, ele estará no resultado. Agora, nossa variável se torna uma string, não uma matriz. Agora, não podemos aplicar nenhum método de matriz a essa variável. Vamos falar sobre nosso outro método, que é o Vu. O ValueO não é um método muito importante. É um método hábil. Com ele, podemos imprimir nosso valor de matriz em nosso documento. É isso mesmo. Podemos fazer a mesma coisa usando função de gravação de pontos do documento. Isso não é muito importante. Agora, vamos falar sobre nossa terceira função, que é fil. Como você pode ver dentro dessa matriz, temos três véus diferentes Mas se você quiser preencher os lugares com um valor estático, nesse caso, você pode usar essa função. Essa função substituirá todo o valor por um véu estático e retornará uma nova matriz preenchida com um véu estático Vamos começar o C prático, como podemos usar esse método. Agora eu quero substituir todo o valor por um único mundo. Como eu disse, para isso, precisamos usar o método de preenchimento. Vou duplicar esta linha e comentar a anterior, e aqui vou amarrar x ponto, preencher Em seguida, no ajuste da prensa redonda, aqui eu passo por Smith. Se eu definir esse arquivo, como você pode ver, ele substitui nosso valor por uma palavra-chave estática, Smith Espero que agora esteja claro para você, qual é o uso dos métodos? Isso é oito para este tutorial. Obrigado por assistir a este vídeo, aguarde o próximo. 50. Tutorial de JavaScript forEach Loop: É bom ver vocês. Mais uma vez, estou de volta com um novo tutorial relacionado ao Java. Neste tutorial, aprenderemos para cada loop. Em nosso tutorial anterior, já aprendemos que temos cinco loops em Java C, Wilk to ilopop, FH loop e E eu já abordei i loop to loop e for loop em nossos tutoriais anteriores Neste tutorial, abordaremos o loop do Forage. Como eu disse anteriormente, o loop forrageiro funciona com matrizes e o loop estrangeiro funciona com objetos Como você pode ver, temos uma matriz. Dentro dessa matriz, temos um total de três v, Amon soma um e um Ho Agora eu quero imprimir todos os valores um por um. Além disso, você pode executar outra função com isso. Para isso, nossa matriz fornece método de construção, que é fora. Esse método é executado para todos os valores desse ário. Se você quiser imprimir algo, caso contrário, se quiser fazer alguma coisa, nesse caso, você pode passar uma função dentro deste fórum. Aqui você pode criar sua própria função, caso contrário, você pode usar em funções e, em seguida, imprimir qualquer declaração, o que quiser. Agora você pode pensar que podemos fazer a mesma coisa usando for. Sim, podemos, mas é um pequeno processo de NV. Para isso, precisamos inicializar uma variável. Em seguida, precisamos obter o n. Em seguida, precisamos definir a condição para executar o loop Precisamos fazer muitas coisas para quatro. Mas aqui, você não precisa usar nenhuma variável e normalmente pode imprimir qualquer declaração usando quatro. Desperdiçando seu tempo, vamos começar pela prática e C, agora Como você pode ver lado a lado, abro meu editor de código do Visa Studio e meu navegador usando a extensão light de servidor, e já criei um documento STL chamado index dot STL Dentro dessa tag de script, temos uma matriz. Dentro desse A, temos um total de quatro e adicionamos um Raul Alaba. Agora eu quero imprimir todo esse valor usando para e. Para isso, aqui, vou digitar X ponto para cada um. Para cada um. Então, dentro da resina redonda, precisamos criar uma função Aqui vou digitar a palavra-chave Function, round ss e Dentro da caixa, podemos digitar nossa declaração. Para cada valor, ele será executado para cada mínimo, e precisamos classificar o valor em uma variável. Dentro da resina redonda, vou pegar uma variável Agora vou imprimir o valor dentro do carro, irmã. Aqui vou digitar o ponto do documento. O recesso redondo está bem? Então, sem dois nesta linha. Além disso, vou adicionar uma tag BA com isso. Digite, eu digo a mesa dupla, R. Vamos configurar o arquivo e ver, mas obtemos. Se eu definir esse arquivo, você poderá ver o resultado. Um por um, ele imprime todo o nome, adiciona uma função. Além disso, podemos imprimir seu índice com isso. Aqui vou pegar outra variável e vou pegar o índice da variável N. Depois do intervalo, vou usar o sinal da congregação. Então eu defino os códigos da torre, vou usar dois pontos Depois do cólon, novamente, vou usar um sinal congregacional Aqui vou passar nosso índice. Se eu definir esse arquivo, você poderá ver o resultado. Eu fiz um simístico. Precisamos usar a tag BA após o índice. Vou cortar essa parte e, por índice, vou colá-la. Se eu definir esse arquivo, você poderá ver o resultado. Em um índice é zero, o índice R é um, índice de RNA é dois e o índice RV é Sem usar nenhuma variável extra e sem obter lan, podemos imprimir seu valor e seu número de índice. A coisa mais importante. Como você pode ver, criamos a função dentro da forragem, mas podemos criar a mesma função fora da forragem Deixe-me te mostrar. Então eu vou cortar essa porção e fora da forragem, vou passar por ela Aqui, vou usar um nome para essa função, e o nome da nossa função é loop. E eu vou chamar essa função de loop dentro desse loop de forja Hm para digitar um look. Se eu definir esse arquivo, você poderá ver o resultado. Como você pode ver sua palavra perfeitamente. Um por um, abordaremos todo o método A. Isso é para este tutorial. Prepare-se para nosso próximo tutorial. Obrigado por assistir a este vídeo. 51. Tutorial de objetos em JavaScript: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo tutorial realtd Java script Neste tutorial, vamos aprender objetos de script Java. Em nossos tutoriais anteriores, aprenderemos sobre como a matriz é feita e como a matriz funciona Como você pode ver, na prensa quadrada, podemos passar vários valores e acessá-los usando seu número de índice Mas neste tutorial, falaremos sobre objetos. O objeto é bastante semelhante a uma matriz, mas é bastante avançado e atualizado. O objeto segue a técnica do par de valores-chave. Objeto feito com propriedades e V. Como você pode ver, criamos um objeto, X, e para criar um objeto, precisamos usar casos. Mas para matriz, precisamos usar conjuntos quadrados. Em matrizes, apenas precisamos passar valores. Mas em objetos, podemos criar nomes de propriedades. Como você pode ver, o primeiro nome adiciona um, sobrenome significa, He 80, país da Índia. Se compararmos objeto com ras, objeto está mais bem definido. Basicamente, você precisa se lembrar do objeto feito com propriedades e valores. Antes da coluna, precisamos digitar o nome da propriedade. Depois de dois pontos, precisamos digitar os valores e podemos armazenar qualquer tipo de valor em objetos Podemos armazenar uma função em nosso objeto. Além disso, podemos armazenar uma matriz em nosso objeto. Com isso, podemos armazenar outro objeto dentro de um objeto. Esses são os pontos mais fortes de um objeto. Sem perder seu tempo, vamos estudar a prática e C, como assim Como você pode ver, lado a lado, abro meu editor de código do Visor Studio e meu navegador usando a extensão Live Server, e já criei um ponto de índice de nome de documento estável em Primeiro, dentro da tag do script, vou criar um objeto. Seu tipo A é igual ao de dentro do carro ss. Então, dentro da curva ss, vou pegar nosso primeiro nome de propriedade, que é primeiro nome, fname, F name Depois de dois pontos, precisamos pegar o valor, e o valor é adicionar um Depois de criar a primeira propriedade e valor, precisamos usar coma para criar outra propriedade e valor, e nossa próxima propriedade é nome. Dois pontos e o valor é g. Nossa próxima propriedade é Tipo Hm, H. H é um valor numérico. É por isso que não precisamos de toda a polícia. Hm p 21 apenas. Nossa última propriedade é Zener. Encerrar Mel. Eu criei nosso objeto com sucesso. Por enquanto, usamos apenas quatro propriedades. Agora vou imprimir esse objeto usando o método document dot write. Hm digite documento, ponto à direita, é que o redondo pressione o nome do nosso objeto , A, há dois nesta linha. Se eu definir esse arquivo, como você pode ver, é objeto de impressão. Ele não imprime nossos dados de objetos no meu navegador. Mas se você quiser exagerar esse objeto no meu console, deixe-me mostrar. Aqui estou digitando console dot log Defino o processo redondo ou o objeto A. Por favor, insira esta linha Se eu definir esse arquivo, agora você pode ver no meu console excedemos esse objeto com sucesso. E se eu abrir a seção de pontos, como você pode ver, 21, S Name, adicione um, ender M, M Ming. Se você perceber que pode ver, nossas propriedades resumidas em ordem alfabética Se tentarmos imprimir o objeto inteiro usando a função correta documentada, nesse caso, ele sempre imprimirá objeto e objeto. Mas se você quiser exceder um dos valores, sim, você pode. Eu quero exceder a propriedade fname. Para isso, precisamos digitar o nome do nosso objeto A dot fname. Se eu definir esse arquivo, agora você pode ver o nome, adicionar um. Podemos exceder qualquer valor usando o nome da propriedade. Agora eu quero armazenar uma matriz dentro desse objeto. Para isso, novamente, precisamos usar outro coma. Depois disso, também, herói, precisamos usar um nome de propriedade, e nosso nome de propriedade é linguagem de programação. Seu tipo, P, sublinha Lang. Depois de dois pontos, como você sabe, para criar uma matriz, precisamos usar o quadrado *** Então você define o quadrado ***, vou passar o nome de uma linguagem de programação Nosso primeiro nome de linguagem de programação é Python. E nosso mesmo nome de linguagem de programação é Java. Com isso, também, vou pegar outro nome de linguagem de programação, que é PHP, e sete nesta linha Se eu definir esse arquivo, como você pode ver no meu console, temos outra opção dp down, a linguagem P, e em s e t e tal três valores dentro dessa matriz É por isso que é a impressão três. Se eu tentar abri-lo, como você pode ver, no índice número zero, temos Python, Índice número um, Java, índice número dois, pH, e ele também imprime o comprimento da matriz no meu console Se você quiser imprimir essa matriz em seu documento, sim, você pode. Você precisa digitar P underscore n. Se eu definir esse arquivo, você poderá ver o A P Python Java S&P . Como eu disse, dentro de um objeto , , Podemos armazenar A, podemos armazenar funções. Podemos armazenar outro objeto dentro de um objeto. Além disso, se você quiser exceder um dos valores dessa matriz, sim, basta usar quadrado ss e, dentro do quadrado ses, você precisa passar o número do índice. Ele passou uma vez. Se eu definir esse arquivo, como você pode ver, é impresso somente em Java. Agora, vamos inserir uma função nesse objeto, e o nome da nossa função é fama. O tipo dela, nome completo. Depois do refrigerante, agora você precisa usar uma função de cura de função Como de costume, precisamos usar ss redondo. Então ele disse a cor ss, eu vou devolver uma declaração. Digite Hm, retorne. E na minha declaração escrita, quero concatenar o primeiro nome com o sobrenome Aqui vou digitar o nome F. Nome F, e eu vou usar o sinal da congregação. Entre o sinal da congregação, quero fornecer um espaço. Então, novamente, vou usar uma placa de congregação e nosso sobrenome. Nome. Em seguida, feriu duas nesta linha. Se eu chamar essa função e definir esse arquivo , não vai funcionar, deixe-me mostrar. Um ponto, nome completo. Se eu definir esse arquivo, precisaremos usar bases redondas porque é uma função. Se eu definir esse arquivo, como você pode ver, é por meio de uma seta. O nome F não está definido. Mas temos os nomes das propriedades em nosso objeto. Como você pode ver, já definimos fname em nosso objeto. Por que essa função não consegue ler essa propriedade? Porque existe um método especial para exceder o nome da propriedade do objeto em uma função, que é esse. Deixe-me te mostrar. Aqui precisamos digitar esse ponto fname Além disso, precisamos passar esse nome de ponto. Se eu definir esse arquivo, como você pode ver, agora ele funcionou perfeitamente, imprime o nome completo e um mecanismo Agora a pergunta é: qual é o significado dessa palavra-chave? Isso significa o objeto. O objeto com o qual trabalhamos. Aqui chamamos isso de fname significa, significa que eu quero exceder a propriedade fname desse objeto Precisamos seguir a técnica especial para exceder a propriedade dos objetos nas funções. E lembre-se, a função dentro um objeto é chamada de método. Como você pode ver, podemos colocar. Também podemos colocar a função dentro de um objeto. Agora vou colocar outro objeto dentro de um objeto. Deixe-me te mostrar. Depois de H, vou usar outro nome de propriedade e o nome da nossa propriedade é addres adiciona dois pontos, e aqui vou usar casos Dentro do Cass, nosso primeiro nome de propriedade é CT. Dentro do curso, vou digitar o valor C. F, vou pegar cat. Depois disso, precisamos usar o coma. Além disso, vou usar o nome do país Country. País, Índia. Depois dos carros, aqui precisamos usar o coma. Como você pode ver, dentro de um objeto, criamos outro objeto. Vamos ver como podemos acessar esse objeto aninhado. Agora, vamos tentar imprimir esse objeto em nosso documento. Para isso, vou remover essa função. E tipos de presunto, nomes de pontos A ou objetos. Novamente, precisamos usar outro ponto, e eu quero acessar essa tomografia computadorizada. H para passar pela CNN. Se eu definir esse arquivo, como você pode ver, ele impresso ou está em Calcutá Se eu te mostrar meu console, como você pode ver, o protótipo do endereço é objeto Isso é tudo para este tutorial. Vamos aprender mais sobre isso em nosso próximo tutorial. Obrigado por assistir a este vídeo, fique ligado no nosso próximo tutorial 52. Tutorial de objetos em JavaScript II: Sub pessoal, mais uma vez, estou de volta com um novo objeto Javascript relacionado ao Tutorial Em nosso tutorial anterior, já aprendemos o que é objeto e como podemos criar objetos? Além disso, aprendemos como podemos imprimir em nosso console e em nosso documento. Mas neste tutorial, aprenderemos como podemos criar objetos com métodos diferentes. Sem perder seu tempo, vamos começar. Em nosso novo método para criar um objeto primeiro, precisamos atribuir uma variável como A e, em seguida, usar uma palavra Q, que é um novo objeto. Como não atribuir nenhum valor a esse objeto, mas ele cria um objeto vazio. Posteriormente, podemos armazenar valor sempre que quisermos. Para armazenar valor nesse objeto, precisamos vincular, primeiro, o nome do objeto. Então precisamos usar o ponto. Em seguida, precisamos passar o nome da propriedade. No nosso caso, primeiro nome. Depois de Colon, precisamos passar o valor adicionado um. Da mesma forma, para o sobrenome, precisamos passar outro valor Mach Vamos começar a prática e ver como podemos criá-la. Como você pode ver lado a lado, abro meu editor de código visual dio e meu navegador usando a extensão let server, e eu já crio o nome do documento eSTL index dot STML Para criar um objeto, primeiro, vou usar uma variável. variável m é onde uma pessoa, igual a deinit, usa uma nova chave, um novo objeto O em para acabar com esta linha. A vantagem de usar esse método é que podemos armazenar valor posteriormente. Vamos adicionar alguma propriedade e valor a esse objeto. Primeiro, vou inserir o primeiro nome. Seu tipo de pessoa com o primeiro nome é igual para afirmar os códigos duplos d um Então, costure dois nesta linha. Então eu vou implorar esta linha e o nome do tipo Hm. Sobrenome, Ming. Com isso, quero passar outro valor de propriedade. Então, duplique essa linha novamente e digite metro person dot H. A é um valor numérico, então eu não preciso de duplas E agora vou imprimir esse objeto pessoal no meu documento. Deixe-me te mostrar. Não digite o registro de pontos do console dentro da prensa redonda ou nome do objeto (pessoa). Em seguida, use dois nesta linha. Se eu definir esse arquivo, você pode ver na seção do meu console, ele imprime nosso objeto. Seu primeiro nome, sobrenome. Se você quiser imprimir qualquer valor em seu documento, sim, você pode. Para isso, como você sabe, basta digitar o ponto do documento à direita no ss redondo, para passar o nome do objeto, ponto da pessoa, sobrenome. Se eu definir esse arquivo, uma lata é print meg. Esse é o método mais popular e útil para criar um objeto. Deixe-me dizer uma coisa. Além disso, você pode usar o quadrado ss até as v. Aqui você pode remover o pecado e também pode usar o quadrado ss. Quadrado ss, dentro do recesso quadrado para digitar esse nome dentro do duplo os Copie o nome e aqui dentro das aspas duplas, vou colá-lo novamente. Se eu definir esse arquivo, Harry, você pode ver que o resultado é o mesmo. Isso é tudo para este tutorial. Em nossos próximos tutoriais, aprenderemos mais sobre isso Obrigado por assistir a este vídeo, Estátua. 53. Tutorial de matriz de objetos em JavaScript: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo tutorial relacionado ao script Java. Em nosso tutorial anterior, já aprendemos como podemos criar objetos. Como podemos inserir uma matriz dentro desse objeto? Mas neste tutorial, vamos fazer o oposto. Aqui vamos inserir um objeto dentro de uma matriz. Aqui você pode ver uma variável em branco chamada students, que é T y. Se eu inserir algum objeto dentro dessa matriz, podemos chamá-la de matriz de objetos Javascript. Como você pode ver, colocamos um total de três objetos dentro dessa matriz. Temos o nome e a idade da propriedade pelo pedágio. Sem perder seu tempo, vamos estudar de prática e ver como podemos usar essa arte Como você pode ver lado a lado, abro meu editor de código Visa Studio e meu navegador usando a extensão Light Sever e já crio um documento STL chamado index dot No início, vou usar uma variável para uma matriz que e nosso M é student. Alunos iguais a, agora é uma matriz vazia, veja dois nesta linha. Agora eu quero colocar alguns objetos diferentes dentro dessa matriz. Aqui eu vou pegar caixas de carro. Dentro dos estojos do carro, vou usar o nome da nossa primeira propriedade. O nome da propriedade é um nome e nosso valor é adicionar. Adicionar nascido. Entre o tema COVA e o nome da nossa segunda propriedade está A. e H 23. e H 23 Como você sabe, H é um neárico. É por isso que não precisamos aceitar os venenos. Como você sabe, precisamos usar coma entre os intervalos de matriz. Eu vou acabar com essa linha. Agora vou inserir nossos próximos dez nomes, que é Rah. Hm digite Rahul, e sua idade é 20. Mais uma vez, vou dublar essa linha. Mas desta vez, vou remover o coma porque este é nosso último v, e nosso sobrenome é Sm. Ele tem 22 anos, e agora quero imprimir essa matriz no meu console. Aqui eu vou digitar. Aqui vou digitar console dot log em vez da nudez ou variável, que é student Um sub dois nesta linha. Se eu definir esse arquivo, você poderá ver o resultado. Como você pode ver, temos um total de três objetos em nossa matriz, e os objetos são alocados em um número de índice diferente Agora vou mostrar como podemos imprimi-lo usando uma sala? Para isso, vou usar um quatro. Aqui, vou digitar quatro e , dentro do processo de rodada, primeiro, precisamos inicializar uma variável A atribuída com zero, H e zero porque nossas matrizes começam com índice zero e, em seguida, precisamos definir uma condição A, menor que o ponto do aluno, função de comprimento do ponto do aluno. N. Usando o atributo de comprimento, podemos extrair n. Além disso, você pode ver a propriedade de comprimento nesta matriz, comprimento três, dois pontos tensórios Agora precisamos incrementar essa matriz, A p. Em seguida, dentro do css, vou digitar document diretamente dentro do recesso redondo, aluno Aqui vou usar versos quadrados porque é Dentro dos versos quadrados, precisamos passar o nome da variável, que é A. Então eu vou usar ponto e quero imprimir o nome desses objetos Aqui para passar o nome do ponto. Depois disso, precisamos usar uma tag BA. Aqui eu vou usar o sinal de concreção e dentro do duplo cos, eu uso uma etiqueta B. E Samgor nesta linha. Se eu definir esse arquivo, agora você pode ver no meu navegador, se eu ampliar um pouco, aqui você pode ver que ele imprime todo o nome desses objetos em uma linha e velocidade. Se você quiser imprimir a idade deles, basta trocar o nome da propriedade Idade. Se eu definir esse arquivo, você poderá ver o 23 de 2022. Em nosso tutorial anterior, aprenderemos como podemos colocar matrizes dentro de um objeto Mas neste tutorial, aprendemos como podemos colocar objetos dentro de uma matriz. Isso é tudo para este tutorial. Obrigado por assistir a este vídeo, sintonize nossa próxima bobina 54. Variável de Const JavaScript com matriz e objetos: Olá, pessoal, é bom ver vocês de volta. Por último, estou de volta com um novo tutorial relacionado ao JavaScript. Neste tutorial, aprenderemos a variável de custo do script Java com RA e objetos. Como podemos usar uma variável fechada com RA e objeto. Vamos começar a prática. Como você pode ver, lado a lado, abro meu código Visa Studio editado e meu navegador usando a extensão Live Server, e já criei o nome do documento STEL, índice, ponto de índice, HTML Em nosso sexto tutorial, já aprendemos como podemos usar variáveis de atraso e custo. Neste tutorial, aprenderemos como podemos usar variáveis constantes com matrizes e objetos. Vamos criar uma variável usando a palavra-chave const. Aqui vou digitar const. Contras e o nome da nossa variável é A A igual a, e aqui vou atribuir um número 19 Os dois semicu nesta linha. Além disso, vou imprimir essa variável no meu console. console de gravatas Hm insere o logotipo do vestido redondo, quatro variáveis m A e um semicu nesta linha Se eu definir esse arquivo, mostro que meu console, como você pode ver, é a impressão 19. Mas se eu tentar reatribuir o valor, deixe-me mostrar nossa variável m A igual a 30 Smog para acabar com essa linha. Se eu definir esse arquivo, agora você pode ver, é uma seta escrita porque não podemos alterar o valor existente na variável de custo. Suponha que trabalhemos com uma matriz e precisemos reatribuir uma nova ve. Vamos criar uma matriz. Em vez do quadrado ***, vou passar o total de 31267 Agora eu quero cobrir essa matriz com uma nova matriz. Aqui vou passar outra matriz. Aqui vou criar outra matriz e aqui vou passar 20, 30, 40. Se eu definir esse arquivo, como você pode ver, ele será enviado um erro novamente porque não podemos reatribuir um novo valor à variável de custo, mas podemos atualizar o índice ra um por um Deixe-me te mostrar. Suponha que eu queira atualizar 67 para 69. Vou remover este e o meu tipo 69. E depois da variável, precisamos usar latão quadrado, e precisamos passar o número do índice e o número do índice é um Se eu definir esse arquivo, você poderá ver o resultado. Você pode ver na seção do meu console atualizamos com sucesso nosso índice de matriz usando esse método. Agora, vamos ver como podemos usar a variável cons com objetos. Eu quero remover o contrabaixo e aqui vou pegar o Clirass Dentro do latão C, vou pegar duas propriedades Diga um. Nossa próxima propriedade é H H 21. É por isso que precisamos colocar dentro dos policiais duplos. Por enquanto, vou comentar essa linha. Se eu definir esse arquivo, você poderá ver o resultado no meu Conson. Se quiser atualizar esse objeto, nesse caso, você precisa digitar o nome do objeto A, o nome da propriedade, que é H, H igual a 33 e sub para finalizar essa linha Se eu definir esse arquivo, você poderá ver o resultado. A conclusão é que você não pode atualizar o objeto inteiro de uma só vez. Você pode atualizar um por um valor se usar a variável de custo. Isso é tudo para este tutorial. Obrigado por assistir a este vídeo, Stun para nosso próximo tutorial 55. Tutorial de JavaScript para em loop: 130 Olá, é bom ver você. Mais uma vez, estou de volta com um novo tutorial relacionado a um clipe Java. Neste tutorial, aprenderemos o loop estrangeiro. Em nossos tutoriais anteriores, já aprendemos que temos um total cinco tipos de loops em Java clip, loop, doop, for loop, *** loop e loop estrangeiro, e já abordamos esses quatro loops em nosso tutorial Neste tutorial, abordarei o loop estrangeiro. Esse loop é usado especialmente para objetos. Vamos ver o exemplo de como podemos imprimir objetos sem cola. Suponha que seja um objeto, e nosso nome de objeto seja A, e totalize três propriedades e valores nesse objeto, nome, sobrenome e H. Agora você deseja imprimir todo esse valor sem usar um loop. Para isso, toda vez você precisa digitar a mesma declaração para nome, sobrenome e idade. Para imprimir todo esse objeto, você precisa executar a mesma instrução três vezes para resolver esse problema padrão, introduzido pelo Java Strip em grupo. Primeiro, você precisa digitar quatro palavras-chave , em seguida, ao definir as chaves, você precisa atribuir uma variável No nosso caso, I. Agora, a questão é por que precisamos pegar a variável? Porque precisamos armazenar todos os valores desse objeto nessa variável. E então precisamos usar a palavra K. Depois disso, precisamos passar o nome do objeto. No nosso caso, A, então dentro da calira, você pode passar sua declaração Esse loop executará todas as propriedades desse objeto. No início, esse loop será executado para o primeiro nome, depois para o sobrenome e, em seguida, para H e, com o tempo, iniciará o valor na variável. Sem testar seu tempo, vamos começar o prático e o C, que é. Como você pode ver, lado a lado, abro meu editor de código Visa Studio e meu navegador usando a extensão Live Server, e já crio o documento eSTL NP index dot HTML Primeiro, vou criar um objeto. Aqui vou digitar ou e o nome do nosso objeto é Pj. Igual a, está na calibrass, ou o nome da primeira propriedade é o primeiro nome O primeiro nome está no duplo es, adicione um. Então precisamos usar o coma. Eu queria escolher essa linha e digitar o sobrenome. Sobrenome, Mg. então vamos pegar outra propriedade, que é H.H 23. Agora eu quero trazer esse objeto usando o estrangeiro. Eu tenho que amarrar quatro dentro do latão redondo. Primeiro, precisamos pegar uma variável, e nossa variável é k. Essa variável armazenará o valor dessa propriedade e, em seguida, precisamos usar em k a palavra no nome do objeto, OBJ Agora eu quero imprimir todos os valores de um objeto no meu documento. Para isso, dentro do ss, precisamos digitar document dot write, dentro da resis redonda ou nome do objeto, Bj Então, dentro do recesso quadrado, precisamos passar a chave. Chave. Com isso, vou conter B uma tag porque não quero imprimi-la em uma única linha É por isso que eu uso B como tag. Dentro do curso duplo, vou passar pelo Br. Uma sucção para acabar com essa linha. Se eu definir esse solo, você pode ver no meu navegador, ele imprime, adiciona um, depois imprime mange e depois imprime seu H 2023 Com isso, se você quiser imprimir o nome da propriedade, sim, você pode. Deixe-me mostrar. Aqui, digite a chave. Então eu vou usar o sinal de concatenação. Então eu vou usar códigos duplos. Eu disse o código duplo, vou passar dois pontos. Novamente, vou usar outro sinal de concatenação. Se eu definir esse arquivo, agora você pode ver no meu navegador o nome da propriedade de impressão e V. Espero que agora esteja claro para você como podemos lidar com a propriedade de toneladas e o valor de um objeto. Isso é tudo para esse Teal. Obrigado por assistir a este vídeo, Stune, para nosso próximo Tal. 56. Tutorial do método de mapa JavaScript: É bom ver você de volta. Mais uma vez, estou de volta com um novo script Java relacionado ao Tutorial. Neste tutorial, aprenderemos o Java script, método Map. Esse método funciona com matrizes. Além disso, esse método funcionou como um loop como F forgo, mas há uma diferença entre método map e o loo. Deixe-me te mostrar. Deixe-me mostrar um exemplo para identificar a diferença. você pode ver, dizemos um valor numérico diferente nessa variável Agora, não quero alterar a matriz existente, mas quero multiplicar t por todos esses valores e quero retornar uma nova matriz como essa, 103-050-7090 Aqui veremos que todos os valores são multiplicados por dez. Para conseguir isso, podemos usar uma função especial, que é a função de mapa. Isso não altera a matriz existente, mas você pode executar sua função, caso contrário, calcule para cada valor. Como resultado, ele retornará uma nova matriz. Agora, deixe-me mostrar a sintex, como podemos escrever a função de mapa Dentro dessa função de mapa, você precisa criar uma função. Então, dentro da coleira, você pode imprimir sua própria declaração. Caso contrário, você pode realizar qualquer cálculo para todos esses valores. Sem perder seu tempo, vamos começar a prática e ver como podemos usá-la Como você pode ver, lado a lado, abro meu editor de código Visa Studio e meu navegador usando a extensão Live Server, e já criei um índice de documentos ESTeML dot Agora vou criar uma matriz dentro da tag do script. Ele Imo tipo V e nossos nomes A y são iguais a dois, dentro do quadrado ss, vou passar algum Vo numérico, que é 911 E semicon para essa linha. Agora eu quero multiplicar todos os valores dentro. Além disso, quero retornar uma nova matriz após a multiplicação. Agora vou pegar outra variável x. Precisamos dessa variável para armazenar nossa nova matriz. Função de mapa de pontos H tie RA R Y. Mapa. Dentro da massa redonda, precisamos passar essa função Mas antes precisamos criar a função. A função Hm é a hora, e nossa função m é o sabor. Agora, dentro das calibragens, precisamos criar um cálculo que multiplique todos os valores por t. Mas antes precisamos iniciar o valor nessa função Para isso, precisamos passar um argumento, e eu vou usar uma variável para isso, que é A. Então, dentro das calibrações, tipo de quantidade, retorno, retorno A multiplique O sebace nesta linha. Agora precisamos passar o nome da função dentro dessa função de mapa. Aqui Amon para digitar gosto, e Sege dois nesta linha Além disso, quero imprimir a nova matriz em qualquer lugar. Aqui, vou digitar o ponto do documento diretamente dentro da prensa redonda. Vou passar a variável limp, que é x, e s2n Vamos configurar o arquivo e ver o que aconteceu. Se eu definir esse arquivo, como você pode ver no meu navegador, ele imprime 90, 110 e 70. Sem alterar a matriz existente, podemos realizar qualquer cálculo em todos os valores da matriz usando a função map. Agora, deixe-me mostrar outro exemplo de como podemos usar a função map com uma matriz de objetos. Vou duplicar esta linha e comentar a anterior Dentro do quadrado ***, vou criar vários obj Eu removo todos os valores e aqui eu quero pegar carros. Se for o caso, nosso primeiro nome de propriedade é fname. Fname significa primeiro nome, depois dois pontos, depois dois pontos, e o Vu C O próxima propriedade e valor é m. N significa sobrenome e Vu é médio E aqui precisamos usar uma vírgula e também precisamos pegar outros dois objetos Eu começo essa linha duas vezes. Aqui eu quero passar o primeiro nome Ravi uma. Ravi Zuma. Para o sobrenome, vou usar Erne Erne Ry Agora eu quero extrair todo o primeiro nome desse objeto. Para isso, podemos usar o Map Method AG , que é bastante útil para essa situação. Para isso, basta amarrar um ponto SN. Se eu definir esse arquivo, agora você pode ver no meu navegador que ele imprime todo o primeiro nome do nosso objeto. Adicione um, Rab e Rno. Além disso, se você quiser imprimir o sobrenome, basta passar M aqui. Se eu definir esse arquivo, você pode ver os res Mancha e Roy. Se você quiser imprimir os dois valores de uma só vez, para isso, você precisa usar o sinal de concatenação Além disso, vou usar núcleos duplos para espaço. Depois disso, novamente, precisamos usar o sinal congregacional, e precisamos passar por mim, e aqui eu quero passar por Aname Se eu definir esse arquivo, você poderá ver o resultado, eu imprimo, Advan Mage, Rabi Kumar Esse é o uso da função Map. É muito útil com matrizes. Isso é tudo para este tutorial. Em nosso próximo tutorial, aprenderemos matemática de strings. Obrigado por assistir a este vídeo, sintonizado para nosso próximo tutorial 57. Tutorial de métodos de cordas JavaScript, parte 1: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo método de string de script Java relacionado ao Tutorial . Esses são todos os métodos de string que abordarei nesta série de tutoriais. Lembre-se, sem comprimento, de todos os nossos métodos de string. O comprimento é uma propriedade. Vamos começar a prática e ver todos os métodos de string, um por um. Como de costume, criamos nosso documento estável e também abrimos nosso navegador usando a extensão de servidor Light Primeiro, ao definir a tag do script, vou criar, vou pegar uma variável, e nossa variável significa STR. STR significa direto. Como você sabe, para tipos de dados de string, precisamos usar aspas. Aqui, vou usar núcleos duplos. Dentro dos núcleos duplos, vou digitar, Java script é uma ótima linguagem. Há um segundo ponto nesta linha, e agora vou aplicar todas as propriedades e métodos diferentes nessa string. Em primeiro lugar, vou aplicar a propriedade de comprimento. Para isso, vou pegar outra variável A igual a, e agora quero extrair o comprimento da string. Já trabalhamos com a função de comprimento com s. É bem parecida com isso. Tipo Hanam: comprimento do ponto estrela. O sebacon para acabar com esta linha. Além disso, precisamos trazer essa variável no meu documento. Hm, digite o ponto do documento diretamente dentro do ss redondo ou do membro variável, A e Sebace terminam essa linha Se eu colocar o solo, você pode ver o resultado. O comprimento total da string é 30. Lembre-se de que essa função também aparece nesse espaço como um personagem. Usando essa propriedade, podemos extrair quantos caracteres usamos nessa string. Agora vamos aprender essas duas metanfetaminas, duas minúsculas e duas maiúsculas Para isso, vou duplicar esta linha e comentar a anterior Aqui eu vou amarrar um ponto em s duas minúsculas, duas minúsculas. Também precisamos usar bases redondas porque é um metil. Se você usa método ou função, precisamos usar grama redonda. Mas se usarmos a propriedade , não precisaremos usar graças redondas Se eu definir esse arquivo, como você pode ver, ele converterá todo o caractere em uma minúscula. Aqui você pode ver que LG e J eram maiúsculas, mas se converteram em caixas pequenas. Esta função converte caracteres em minúsculas. Além disso, você tem uma função oposta. Para isso, vou duplicar essa linha novamente e comentar a maior A próxima função tem duas letras maiúsculas. Vou remover este e aqui eu amarro T em maiúsculas. Se eu definir esse arquivo, você poderá ver o resultado. Ele converte todos os caracteres em maiúsculas. Esta função converte todas as letras em maiúsculas. seguir, aprenderemos outro novo método, que inclui. Essa função é usada para fins de pesquisa. Se a função receber o caractere ou a palavra, ela retornará para, caso contrário, cai. Vamos pular para a porta do estúdio. Novamente, estamos de volta a um codor de áudio e agora quero pesquisar a melhor palavra do stream Para isso, precisamos usar a função include. Ei, eu vou para esta linha. E comente mais um. Agora vou usar a função de inclusão. Ponto estrela incluído. Dentro do recesso redondo, precisamos passar a palavra-chave Ótimo. Se eu definir esse arquivo, como você pode dizer, será o segundo. Se a palavra, caso contrário estiver disponível neste fluxo, retornará dois. Mas se eu pesquisar um personagem que não está disponível neste stream, deixe-me mostrar para você. Suponha que eu digite x y. Eu configurei esse arquivo, agora você pode vê-lo ao cair. Lembre-se de que essa função é sensível. Se você digitou em maiúscula, isso neste arquivo, também, você pode ver que está escrito cai Aqui você precisa passar o caractere exato, caso contrário, palavra nesta função. Agora, vamos passar para nossas próximas duas funções. Agora, vamos passar para nossos próximos métodos. Nossos próximos dois métodos são começar com a largura final. Comece com a função use f. Se sua string começar com os caracteres correspondentes , ela retornará true. Caso contrário, ele retornará falso. Da maneira oposta, termine com. Se sua string terminar com um caractere correspondente, nesse caso, retornará true. Caso contrário, ele retornará falso. Vamos voltar ao código do estúdio Vs e experimentá-lo. Novamente, vou duplicar essa linha e comentar a anterior, e vou começar nossa função com start with Aqui vou digitar start with. Comece com. Se eu copiar a palavra Javascript desta frase e colá-la entre aspas duplas, configuro esse arquivo, como você pode ver, é sten cru Mas se eu passar, aqui, e então defino esse arquivo, como você pode ver, agora cai. Como nossas strings começam com uma palavra Java, é por isso que elas permanecem rápidas Da maneira oposta, termine com o trabalho funcional. Se eu pegar essa linha e me comprometer com a anterior, braço para passar termina Se eu passar um cabelo lindo, e isso neste arquivo, como você pode ver, é forma escrita, porque nossa sequência não termina com esse grande mundo , termina com a linguagem. Se eu passar o idioma aqui e definir esse arquivo, agora você pode ver Sten verdadeiro. Esse é o uso do método start with e n with. Agora vamos falar sobre nosso próximo método, que é a pesquisa. Também funciona como a função de inclusão, mas há uma diferença. Esse método não retorna verdadeiro nem falso ajuste. Está escrito a posição exata desses personagens. Eu quero dizer que está escrito o número do índice. Vamos acessar o código do estúdio Visa e ver como ele funciona. Novamente, vou molhar essa linha e comentar anteriormente. Oi, eu digito Star Dot Search. E eu quero pesquisar essa linguagem de palavras. Se eu definir esse arquivo, como você pode ver, ele escreverá o número do índice. Está escrito o número de índice inicial dessa palavra, que é 22. Mas o que, se o caractere não estiver disponível na string, então deixe-me mostrar para você. Ele digita uma palavra. Se eu definir esse arquivo, como você pode ver, agora é escrito menos Se essa função não obtiver a palavra Q, nesse caso, será sempre escrita menos u menos Agora, vamos falar sobre a última função deste tutorial. Nossa última função para este tutorial é combinar. Essa função também é usada para fins de pesquisa, mas há uma diferença. Essa função retorna. Se o caractere de pesquisa se repetir em sua string , essa função coletará todos os resultados e os retornará como uma matriz Vamos voltar ao codator do estúdio Vis e ver como é w. Novamente, vou descrever essa linha e comentar O tipo dela, match str match. Como você pode ver, já tenho algumas mudanças na minha string. Acrescento que outra é sua graduação. Agora eu quero combinar a palavra Q desta string. Ele remove essa palavra e agora precisamos usar a expressão regular. Não se preocupe, aprenderemos sobre expressões regulares em nossa seção avançada. Tudo o que precisamos pesquisar em expressões regulares, precisamos colocá-lo entre o sinal de barra dupla Dentro da barra dupla, precisamos passar a palavra-chave, que é e, e eu quero veicular essa palavra-chave globalmente Precisamos passar um comando, que é G. Quer dizer que, repetidamente, ele encontrará essa palavra-chave dentro dessa string. Com isso, ele também coletará todo o resultado e escreverá em matriz. Se eu definir esse arquivo, como você pode ver, ele está escrito, é escrito em matriz. Você precisa se lembrar de que precisamos usá-lo com uma expressão regular, e essa função de correspondência sempre é escrita como matriz. Isso é tudo para este tutorial. Em nosso próximo tutorial, abordaremos os métodos de string restantes. Obrigado por assistir a este vídeo, sintonize nosso próximo tutorial. 58. Tutorial de métodos de cordas JavaScript, parte 2: Olá, pessoal, é bom ver vocês de volta. Novamente, estou de volta com outro método Tutorial ted Java Skip string Em nosso tutorial anterior, abordamos esses sete métodos e uma propriedade. Neste tutorial, abordaremos esses métodos. Sem perder tempo, vamos começar a prática e ver como é. Como você pode ver, lado a lado, abro meu editor de código Visa Studio e meu navegador usando a extensão Live Server, e já criei um documento STL de índice de pontos Também temos uma rua. JavaScript é uma ótima linguagem. Eu uso esse exemplo em nosso estúdio anterior, então vou corrigi-lo agora. JavaScript é uma ótima linguagem. Agora, vamos começar com um novo método, que é Index. Esse índice de função é muito semelhante à função de pesquisa. Aqui vou digitar STR, índice de pontos. Em seguida, ele configura a prensa, e você define os códigos duplos, eu vou fornecer o quadrado de busca, o que é ótimo E eu pareço acabar com essa linha. Se eu definir esse arquivo, como você pode ver, está escrito 16. Ele fornece o primeiro número de índice disso. Se você quiser pesquisar o resultado na direção oposta, temos outra função, que é o último índice. Hm ty Last index. Além disso, vou mudar essa estrela ao quadrado. Então, vou copiar o Java Squad e colá-lo dentro do código duplo. Se eu definir esse arquivo, como você pode ver, é 100. Como eu disse, essa função mostra resultado na direção oposta Se eu passar apenas um caractere, que é g, e depois definir esse arquivo, como você pode ver, é 28, porque é esse número de índice de caracteres dessa string. Mas se eu mudar o caractere G, G duas vezes, e depois definir esse arquivo Agora você pode ver o filho 25. Significa esse número de índice de caracteres. Basicamente, quero dizer que é w da direção oposta. Agora, vamos passar para o próximo método, que é substituir. Usando esse método, podemos substituir palavra ou um caractere específico por outro caractere. Vamos ver como é assim. Então, primeiro, vou citar esta linha e comentar a anterior Aqui eu vou usar a função de substituição. Eu removo o último índice de e vou digitar replace. Nesse método, precisamos passar por nossos dois parâmetros. Primeiro, você precisa fornecer qual caractere ou palavra deseja substituir. Eu quero substituir muito bem. Copie a palavra e cole-a dentro do galinheiro duplo. Em seu próximo parâmetro, você precisa passar sua nova palavra-chave. Aqui eu vou passar bem. Se eu definir esse arquivo e imprimi-lo em meu documento, como você pode ver, Dt stream, Java slip é uma boa linguagem É assim que você pode usar o mapa de substituição. Vamos falar sobre nosso próximo mapa. Refo, vou duplicar esta linha e comentar a anterior Agora, vamos falar sobre nossa próxima função, que é stream. Esse método é usado para remover espaços extras do lado do laboratório e do lado direito. Vamos ver como podemos usá-lo. Neste exemplo, vou duplicar essa linha e comentar a anterior A partir daqui, vou remover uma linguagem excelente. Além disso, vou fornecer algum espaço depois do Java Strip e antes do Javas Se eu definir esse arquivo, você não verá a diferença. É só imprimir Java sp. Ele não fornece nenhum espaço antes e depois. Mas se eu imprimir na minha caixa de alerta, deixe-me mostrar para você. O alerta do tipo Hermon é o ss redondo ou a variável STR. Em seguida, suba para esta linha. Se eu definir esse arquivo, agora você pode ver que ele fornece espaço antes do Java Strip e depois do Java. Para remover os espaços, podemos usar a função stream. Para isso, basta usar a função, que é trim. Guarnição de pontos STA. Além disso, você precisa usar preços redondos porque esse é o método. Em seguida, vou imprimir no meu alerta essa variável A porque armazenamos essa string nessa variável A. Se eu definir esse arquivo, agora você pode ver a caixa de alerta, mas ela removeu essas partes antes de subir. Esse é o uso desse método. Agora vamos falar sobre nosso próximo método. Mas antes, vou remover essa caixa de alerta duplicar essa linha e comentar anteriormente Lembre-se de que essa função é usada especialmente no formato de entrada. Porque às vezes precisamos remover os espaços extras da entrada. Nosso próximo método é o anúncio de personagens. Nesse método, precisamos definir uma posição. De acordo com a posição, é escrito o caractere a partir da string. Vamos começar a prática e ver como ela foi resolvida. Oi para digitar o caractere e. Aqui, vou definir uma posição para um personagem. Aqui eu vou passar seis. Se eu definir esse arquivo, como você pode ver, é ton r. Lembre-se, nosso índice começa do zero. É por isso que é ton r. Mas se eu passar um número inicial, que não está disponível na string, algo 500, e depois definir esse estilo, como você pode ver, nunca manche nada Se o personagem estiver disponível nesta posição, só que desta vez ele retornará o personagem. Caso contrário, ele retornará em branco. Nossos próximos dois métodos são codificados por caracteres e a partir do código de caracteres Esses métodos estão relacionados entre si. Esse personagem retorna o código celeste. Caso contrário, se você fornecer algum código celeste, ele retornará um caractere. Mas antes precisamos entender o que é código celeste. Como você pode ver, esse é o t de qualquer caractere de código. Por trás de cada caractere do teclado, há um Unicode Você pode pesquisar Ayode no Google e ele manterá uma tabela como essa Por trás de cada personagem do Keybot, há um código Sky. Para a tag H, temos 35. Para n por cento, temos 38. Da mesma forma, temos Ascote para, para A, 65, para V, 66 Todas são quatro letras maiúsculas. Também temos Ay coot para letras minúsculas. Para o pequeno A, temos 97. Então, vamos começar a prática e ver como é w. Novamente, vou duplicar essa linha e comentar a anterior Aqui vou usar nosso método, que é codificado por caracteres Caractere codificado. Em vez da pressão redonda, passamos o número do índice. Então H para passar de zero. Como você sabe, no índice zero, temos capital. Se eu definir esse arquivo, como você pode ver, é s ton 74. Para o caractere SI, temos um valor decimin, que é 74. Esse é o uso desse método. Vamos falar sobre nosso próximo método, que é o código de caracteres do formulário. Mas antes eu vou molhar essa linha e comentar a anterior. Aqui vou vincular a partir do código do caractere. Para isso, neste exemplo, não precisamos de stream. Eu vou comentar isso. Aqui, precisamos passar um fluxo de nome de objeto. Ponto de sequência a partir do código do caractere. E aqui, se eu passar o número decimal de um caractere SI, então passe 65 Se eu definir esse arquivo, como você pode ver, está escrito A. Aqui você pode ver o caractere AI A e seu valor decimal 65 Da mesma forma, se você quiser imprimir d oito, aqui você precisa passar 90. Deixe-me te mostrar. Se eu passar de 90 aqui, e esse é o esquema, como você pode ver, é tal Z. Em nosso próximo tutorial, mostrarei a prática como podemos usar esse núcleo na vida real Isso é tudo para este tutorial. Em nosso próximo tutorial, abordaremos os métodos restantes. Obrigado por assistir a este vídeo, fique ligado no nosso próximo tutorial 59. Tutorial de métodos de cordas em JavaScript, parte 3: É bom ver vocês. Novamente, estou de volta com outro tutorial chamado Java Ski string methyl Neste tutorial, abordaremos a sequência restante de metil Nosso primeiro método de string é concat. Usando esse método, podemos unir duas cadeias de caracteres. Além disso, podemos fazer a mesma coisa usando o sinal Ccgnition, mas a função foi feita especialmente para esse trabalho Vamos começar a prática e ver como funciona. Como você pode ver lado a lado, abro meu editor de código Visa Studio e meu navegador usando a extensão Live Server, e já abro nosso ponto de índice de documentos anterior STN No começo, vou duplicar essa linha e comentar a anterior Além disso, vou descomentar essa variável onde é STR. Com isso, vou criar outro stream, que é o STA to. Aqui eu vou digitar no mundo. Agora colocamos duas variáveis, ou seja, duas ondas de string. Agora eu quero mesclar essa string usando a função congt Primeiro, vou remover este e aram tipo STR. Essas são as primeiras variáveis, e eu quero unir St two com Str. Para isso, vamos usar a função congt. Str. Concat dentro do downress, precisamos passar a segunda linha variável, que é St two, Str two Se eu definir esse arquivo, ele mesclará a string e escreverá uma str Deixe-me te mostrar. Você pode ver o resultado. Você pode ver no meu navegador, Speed. O JavaScript é uma ótima linguagem no mundo. Se eu fornecer um espaço após o idioma e definir esse arquivo, agora você poderá ver esse espaço após o idioma. Além disso, você pode mesclar várias sequências de uma só vez. Deixe-me te mostrar. Aqui, novamente, vou escolher esta linha e vou escolher outra, muito bem, St. Three. Se eu for três, vou digitar inferno. Depois, vou fornecer um espaço. Agora eu quero mesclar eter a um S three com Star. Para isso, herói, precisamos entrar em coma e eu vou passar pela terceira etapa. Se eu definir esse arquivo, você poderá ver o resultado. Mescle com sucesso várias cadeias de caracteres usando a função Goncat. Vamos falar sobre nosso próximo método de string, que é split. Essa função pode quebrar a frase e criar uma matriz usando cada palavra. Vamos dizer como é. Novamente, vou duplicar essa linha e comentar a anterior Por enquanto, eu não preciso de S dois e S três, então eu quero remover este. Aqui, vou vincular a divisão da função split. Então, dentro da prensa redonda e dentro dos códigos duplos, precisamos passar o caractere de onde eu quero dividir o sabor, e eu quero dividir essa frase usando espaços. Aqui, eu quero fornecer um espaço. Se eu definir esse arquivo, aqui você pode ver meu navegador, ele criou uma matriz. Como você pode ver, depois do Java Stit, ele fornece o COVA. Ele dividiu essa frase usando todos os espaços. Além disso, você pode usar caracteres diferentes para dividir a frase. Aqui você pode usar qualquer personagem ou qualquer sinal. Lembre-se de que esse banheiro escreveu uma matriz. Agora, vamos falar sobre nossa próxima função, que é repetir. Usando essa função, você pode repetir sua frase quantas vezes quiser. Vamos ver isso na prática. Novamente, vou escolher esta linha e comentar a anterior. Aqui, vou usar o método de repetição, str dot repeat. Dentro da roupa, eu sei quantas vezes eu quero repetir essa sequência Hm para passar três. Se eu definir esse arquivo, você poderá ver o resultado. Você pode assinar meu navegador, ele repete sua frase três vezes. Este é o uso da função de repetição. Nosso próximo método é o método de fatia. Usando esse método, você pode dividir seu stream. Você pode especificar o ponto inicial e o ponto final do fluxo. Deixe-me mostrar como funciona. Novamente, vou replicar essa linha e comentar a anterior Aqui, vou digitar éster dot slice. Então, dentro da prensa n, primeiro, vou passar um parâmetro, que é quatro. Se eu passar apenas um parâmetro e definir esse arquivo, agora você pode ver no meu navegador que ele imprime uma string depois de cortar quatro caracteres da O script é uma linguagem melhor. Mas se eu passar dois parâmetros, P quatro, vou usar coma e vou passar 16. E, em seguida, defina esse arquivo, você pode ver um resultado diferente. Agora, essa função imprime o caractere 4-16 e imprime o script dessa string Ele é impresso na posição 4-16 do caractere e deslizou para baixo outros caracteres da string Mas se eu passar de zero, e isso neste arquivo, como você pode ver, nervo ton complete string. Esse é o uso da função slice. Nossas próximas duas funções são sub Steror e substring. Essas duas funções são muito semelhantes à função de fatia Mas há uma pequena diferença entre eles. Vamos começar com o C prático, qual a diferença? Novamente, vou duplicar essa linha e comentar a anterior Primeiro, vou usar o servidor et. Eu sou do tipo éster serve. Se eu passar quatro aqui e isso neste arquivo, como você pode ver, depois pular quatro caracteres, ele imprime toda essa árvore Semelhante à função de fatia. Mas se eu passar outro parâmetro coma cinco e definir esse arquivo, agora você pode ver a diferença. Ao contrário da função de fatia, ela imprime cinco caracteres após Ignorar quatro Se eu passar dez cabelos, você pode ver o resultado. Eu pinto o script e, se eu passar um fio de cabelo, e depois definir esse arquivo, como você pode ver, ele imprime apenas um caractere após Skip four character Essa é a principal diferença entre sub esteror e Na função de fatia, você precisa especificar a posição exata do fluxo Mas na função subexterna, você pode capturar quantos personagens quiser com Além disso, você pode mencionar, depois de pular quatro caracteres, quantos caracteres deseja imprimir Agora vamos falar sobre nossa outra função, que é substream Um I para caber nesta linha e comentar a anterior. Aqui vou digitar Sub stream. Isso é muito semelhante à função de fatia. Se eu passar sete aqui e definir este arquivo, você pode ver o s. A parte total de três caracteres depois disso Essa função é exatamente semelhante à função de fatia. Agora, vamos falar sobre nossas duas últimas funções, duas strings e Vu Usando a função de duas strings, podemos converter qualquer coisa em uma string. Eu quero dizer que se você tem um valor numérico, você pode convertê-lo em uma string usando a função de duas strings, e nossa última função é V. É uma função difat Se você quiser imprimir essa string como está, nesse caso, você pode usar essa função. Vamos ver como podemos usar duas cordas na prática. Novamente, quero citar esta linha e comentar a anterior H Imo tipo et dot, duas cordas. Forneceremos chaves redondas porque é um método. Se eu definir esse arquivo, como você pode ver, imprima a string como está. Seja como for, não temos nenhum valor numérico nesta string. Vou escolher esta linha e comentar a anterior, e aqui vou passar alguns valores neurais Aqui eu vou passar 99. Como você sabe, é um tipo de dado numérico. Se eu definir esse arquivo, aqui você pode ver que ele imprime da mesma forma que está. Para provar que é uma string, vou adicionar algum valor com essa variável. Seu tipo A é. Se eu definir esse arquivo, você poderá ver o resultado. Como você pode ver, ele não pode adicionar o valor com esse fluxo, mas imprime o valor até esse fluxo, 90 19. É apenas uma sequência concanada e o número. Esse é o uso de toda a função de string na tela Java. No próximo tutorial, aprenderemos sobre o número metil Obrigado por assistir a este vídeo, fique atento ao nosso próximo 60. Tutorial de métodos de número em JavaScript: É bom ver vocês de volta, pessoal. Mais uma vez, estou de volta com um novo tutorial e, neste tutorial, aprenderemos matemática numérica em Java Script e abordarei os sete números agrupados em meu código Vamos começar a prática e ver como podemos usá-la. Como você pode ver, lado a lado, abro meu editor de código do Visa Studio e meu navegador usando a extensão Live Server, e já criei um documento estável chamado Index dot STL, e vamos começar nossa prática com nosso primeiro método, que é o número Para este exemplo, primeiro, vou usar uma variável. E nossa variável é A, A atribuída dentro do núcleo duplo 98. Soma nesta linha. Como você pode ver, atribuímos essa variável com uma string. Agora eu quero converter essa string em um número. Para isso, vou usar outra variável que é o número. Da mesma forma, precisamos usar nossa função numérica, número. Então você diz que a rodada re diz precisamos passar a variável lin, que é um semi para nesta linha Agora eu quero imprimir esse valor numérico no meu documento. Para isso, precisamos amarrar o ponto do documento à direita, está no recesso redondo, precisamos passar a variável Núm. Com isso, eu quero adicionar algum número, algum v, que é dez. Agora, a questão é por que eu adiciono dez com essa variável? Porque isso vai provar que convertemos essa string em um número com sucesso. Se eu definir esse arquivo, você poderá ver o resto em um navegador. É 10108 Se você quiser converter uma string em um número, nesse caso, precisará usar esse número de metila Agora, vamos falar sobre nossa próxima função, que é pars in e part O método Per into é bastante semelhante ao método numérico. Se passarmos qualquer valor decimal aqui, ele converterá esse valor decimal em número, e o método Pert desempenhará o papel oposto de Deixe-me mostrar os exemplos. Então, primeiro, vou colocar essa linha e comentar a anterior. Aqui eu vou passar 98,99. Além disso, vou mudar o nome do método. O nome do nosso método é pars in. Se eu definir esse arquivo, você poderá ver o resultado. Além disso, se eu remover o seno de adição e o número dez, e novamente, eu colocar este arquivo, você pode ver Seton apenas 98 Ele remove o valor D até 98, e se eu usá-lo sem string, deixe-me mostrar se eu uso apenas um número, apenas um número flutuante, e aí está neste arquivo. Além disso, você pode ver apenas 98 toneladas. Mas se eu comentar essa linha e imprimir a variável DTA, e depois neste arquivo, como você pode ver, agora ele imprime os pontos flutuantes A função Parson pode remover pontos de proteína de um número. Este é o uso desse metil. Novamente, é necessário digitar a variável numérica direita documentada. Deixe-me mostrar outro exemplo com string. Se eu passar uma corda aqui, dentro dos núcleos duplos ela passa 70 aqui. Se eu definir esse arquivo, como você pode ver, ele indica apenas 70. Esse método é capaz de extrair números de uma string. Essa sequência só funciona se as cordas começarem com tisel. Caso contrário, não vai funcionar. Agora, vamos falar sobre nossa próxima função, que é pars clot. Novamente, quero que essa linha e ele digite parse flote E comente o anterior. Além disso, vou alterar o valor da variável. Oi, eu devo passar por 77,89. Se eu definir esse arquivo, como você pode ver, ele gravará o resultado flutuante. Como você sabe, essa função retorna valor com pontos. Mas se eu alterar a variável sem pontos, deixe-me mostrar apenas 77 e depois definir esse arquivo, essa função retornará o véu exato Esse é o uso da matemática pass int e pass float. Agora, vamos falar sobre dois outros métodos, que são infinitos e inteiros Esses dois métodos sempre escrevem valores verdadeiros ou falsos. É especialmente útil verificar as condições. É por isso que a mancha é verdadeira ou falsa. função finita é escrita como verdadeira quando, se o número for finito Quero dizer, se o número for contável, então a mancha é verdadeira, caso contrário, é escrito Usando seu método indser, podemos verificar se a variável fornecida é número ou não Se for, então é escrito verdadeiro, caso contrário, é Vamos ver o código do so studio e ver como é o casamento. No começo, vou pegar essa linha e comentar a anterior. E como vou digitar nosso próximo nome de função, que é finito, é finito Se eu definir esse arquivo, como você pode ver, é 102 porque 77 é um número finito Podemos contar esse número. Mas se eu passar essa string aqui, eu codifico duas vezes, vou passar olá. E então diga este arquivo, agora você pode ver formas ston, porque não podemos contar strings. Agora vamos falar sobre nossa próxima função, que é tesser Então, nesta linha e comente a anterior. E usando sua função de teste, precisamos usar um Q, que é um número O número 1 está em teste é um taser. Se eu passar 90,99 e definir esse arquivo, como você pode ver, Seton cai porque não é É um pé v. É por isso que Seton cai. Mas se eu passar apenas 90 aqui e depois definir este arquivo, agora você pode ver a tripulação de Seton Esse é o uso de é finito e é a função inteira Vamos falar sobre nossas duas últimas funções, que são duas fixas e duas de precisão. Vamos ver como podemos usar essa matemática. Novamente, vou duplicar essa linha e comentar a anterior Primeiro, vou mudar a variável v. 90 pontos, 58. Com isso, também, vou passar para outro disco, 78 Aqui, vou usar nossa próxima função, que é duas corrigidas. Devo reduzir esse tipo para dois corrigidos. E eu defino a nudez, vou passar um parâmetro e quero passar dois. Qual é o significado disso? Esta função retornará dois valores após o ponto Del. Se eu definir esse arquivo, você poderá ver o resultado. Mas se você notar, você pode ver que está escrito 90,59, não É o valor Lumsm e essa função retorna o primeiro valor É por isso que é impresso 59. Além disso, você pode imprimir três d após o ponto Dimel. Se eu alterar o parâmetro a qu mais três e depois definir esse arquivo, você poderá ver o resultado Agora imprime 580. Agora vamos falar sobre nossa última função, que é a precisão dupla. Para isso, vou pegar esta linha e comentar a anterior. Aqui vou amarrar duas precisões. Precisão T. Essa função sempre retorna em torno de el. Quero dizer que se o número flutuante for maior que 50, imprimirá uma figura completa, que é 91. Deixe-me te mostrar. Se eu passar dois aqui e depois definir esse arquivo, você poderá ver o sprint 91 Mas se o número for menor que 50, H passe quatro e, em seguida, defina esse arquivo, agora você pode ver que é apenas 90. Esses são os usos das funções numéricas. Obrigado por assistir a este vídeo, fique ligado no próximo 61. Tutorial de métodos matemáticos em JavaScript: Olá, amigos, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo tutorial relacionado à tela Java. Nesse total, vamos aprender métodos matemáticos. Você pode ver uma lista de funções matemáticas relacionadas ao método. Um por um, vou cobrir todos eles. Então, sem perder seu tempo, vamos começar pela prática Aqui você pode ver, lado a lado, que abri meu editor de código Visa Studio e meu navegador usando a extensão Live Server, e já criei um documento est chamado index dot HTML. Não usamos esse método normalmente em nosso site. Usamos esse método para animação de carrossel, desenvolvimentos de videogames, etc. Caso contrário, podemos usar esse método em aplicativos web de contabilidade complexos Em primeiro lugar, aprenderemos o que é matemática celular e básica. Então, primeiro, vou começar com a função celular. Para isso, vou criar uma variável. O A é igual a usar funções matemáticas, precisamos usar math ur. Ponto matemático S. Então, dentro da rodada ss, eu vou passar um 2.2 e, em seguida, semag dois nesta linha Célula e piso, ambas as funções funcionam quando a peça do tipo de valor flutua Se eu não usar o valor de ponto flutuante, não vai funcionar. E a função celular sempre escreveu a vitória superior. Deixe-me te mostrar. Digite Herm o ponto do documento, à direita, dentro do sss redondo ou membro variável, A. Em seguida, sebag dois nesta linha Se eu definir esse arquivo, você pode ver nos meus navegadores, ele está lá. Então, três é o valor superior mais próximo de 2,2. Sem zero, o que quer que passemos para decimal, ele retornará o valor superior Se eu passar por 2,1, você também poderá vê-lo no valor superior. Três. Além disso, você pode usar um valor negativo. Se eu passar -2,1, nesse caso, vou retornar o valor superior, que é menos dois Como zero, menos dois é maior que -2,1. É por isso que está no valor mais alto. Da mesma forma, temos a função oposta, que é fluxo. Vou duplicar esta linha e comentar a anterior E aqui estou eu para digitar M dot flow. Em primeiro lugar, aqui para passar 2.1. Essa função sempre é escrita de baixo para baixo. Se eu definir esse arquivo, como você pode ver, ele está 102 ativado. Além disso, se eu aumentar o valor após o desm 2.9, então definir esse arquivo, também será para dois. É sempre escrito o valor mais próximo para baixo no diesel. Agora, vamos falar sobre nossas próximas funções, que são redondas e troncos. Essas funções também funcionam com valores decimais. Vamos começar a prática e ver como podemos usá-la. Primeiro, vou mostrar a função redonda. Vou abordar esta linha e comentar a anterior. Aqui vou digitar Mt dot round. Essa função sempre retorna o número inteiro mais novo v. Se o valor for maior que 0,5, então está em três Caso contrário, é filho dois. Deixe-me provar isso. Se eu definir este arquivo, como você pode ver, é Seton três Se eu passar 0,4 e depois definir esse arquivo, como você pode ver, é sateen two Mas se eu passar 0,5, então também vou voltar a carne de vitela superior Se eu definir esse arquivo, você poderá ver esse resultado. Filho três novamente. Este é o uso da função redonda. Agora, vamos falar sobre nossa próxima função, que é rum. Novamente, vou duplicar essa linha e comentar a anterior, e aqui vou digitar M dot t ron. Essa função sempre tratou o valor inteiro. Se eu definir esse arquivo, asc C é 102. Qualquer valor que passemos depois de de el não está relacionado com isso. Se eu passar por um, também são dois reais. Além disso, se eu passar nove, asc C é 102, concordo Essa função sempre retorna o valor inteiro exato. Nossas próximas funções matemáticas são máxima e mínima. função máxima sempre retorna o número mais alto do menor, suponha que passemos vários números. Essa função retorna o maior número entre os números. Ao contrário, a função mínima que funciona é manchar o menor número Vamos ver como podemos usá-lo. Novamente, vou colocar esta linha e comentar a anterior, e H vou passar mat dot max. Nas corridas redondas, vou ultrapassar vários números. 234310, se eu definir esse arquivo, como você pode ver, ele será escrito 43, porque é o maior número entre os números Vamos falar sobre a função média. Se eu exagerar esta linha e mão para me amarrar. Se eu definir esse arquivo, como você pode ver, é 1010, está no menor número entre os Agora você pode pensar que eu chamo a mesma variável sem comentar a anterior. Então, por que usar a função média porque substituímos a variável É por isso que é uma função média. Nossas próximas funções são SQRT e CV RT. O nome completo do SQRT é raiz quadrada. Já aprendemos sobre isso em nossa escola e CV RT significa Q root. Vamos ver como podemos usar esse método. Novamente, vou replicar essa linha e comentar sobre porcos Aqui vou amarrar o ponto matemático SQ t. Como eu disse, um quarto quadrado começa com a raiz quadrada Quero extrair raiz quadrada de quatro, rebanho tipo quatro. Se eu definir esse arquivo, como você pode ver, Sn é dois, seis e sete alunos padrão, além do que é raiz quadrada. Se eu passar 64 aqui, como você pode ver, é C oito. Se multiplicarmos 88, é Cal 64. Se você tem um conhecimento básico sobre matemática , não preciso explicar isso. Vamos falar sobre uma próxima função, que é CV RT. Alguns para duplicar esta linha e comentar a anterior. Tipo Hm, C R t. Como eu disse, CV RT estrela em Q we gro. Se eu passar 125 aqui e depois neste arquivo, como você pode ver, Seton cinco Porque 525 em dois a cinco é igual a 125. Se eu multiplicar cinco, três vezes Seton 125 Agora vamos falar sobre a próxima função, que é PO, P sta four power. Esse método é usado para extrair a potência de V. Aqui, vou duplicar essa linha e comentar a anterior Aqui eu vou usar math dot PO. E dentro do recesso inferior, precisamos passar pelas duas Primeiro, precisamos passar pela roda base. Então, precisamos passar o valor exponencial, e já aprendemos sobre isso em nossa aula de matemática Para o valor base, vou passar quatro. Para o valor exponencial, vou passar três. Se eu definir esse arquivo, você poderá ver o resultado. Está escrito 64. Isso significa que ele vai multiplicar 34 de uma vez. Quer dizer, eu quero dizer quatro em quatro em quatro. Se eu passar dois aqui e depois definir esse arquivo, como você pode ver, é filho oito. Quero dizer, dois em 22 em dois. É por isso que é filho oito. Exponencial significa que eu quero multiplicar o valor base desta vez Mas se eu passar um aqui e depois definir esse arquivo, como você pode ver, é eton one. Porque se eu multiplicar 31 de uma vez, sempre para um. Agora vamos falar sobre nossa próxima função, que é aleatória. Essa função sempre está em um número aleatório. H para duplicar esta linha e comentar a anterior. Eu quero amarrar pontos matemáticos aleatoriamente. Pontos do mapa aleatórios. Por padrão, retornará o valor 0-1. Se eu definir esse arquivo, como você pode ver, st é dez um número flutuante. Toda vez que eu chamo essa função, dez é um novo número, e agora eu decido que quero um número aleatório de 1 a 10 Para isso, precisamos fazer alguns cálculos matemáticos. Para isso, aqui vou usar o sinal de multiplicação. Multiplique por dez e eu vou movê-lo para dentro do latão redondo E então eu vou adicionar um com esse resultado. Além disso, um. Se eu definir esse arquivo, ele será um número, mas retornará um número flutuante. Mas eu quero retornar o número inteiro mais próximo restante. Para isso, podemos usar a função Md dot floor. Podemos usar essa função para isso. Eu copio a função e como digitar. Meu chão de cachorro. Se eu definir esse arquivo, como você pode ver, é um número ct entre um e t. Se eu definir esse arquivo novamente, como você pode ver, é um número dom diferente. Dessa forma, podemos retornar qualquer número aleatório entre um e t. Espero que agora esteja claro para você como podemos usar essa função. Se você quiser retornar um valor entre 1200, basta substituir esse véu, dez a cem, e esse arquivo Como você pode ver, está escrito em números aleatórios de 1 a 200 e essa função é escrita 51 Agora vamos falar sobre nossa próxima função, que é aBS. Essa função significa valor absoluto. Se eu passar qualquer valor inteiro, talvez seja um valor decimal, caso contrário, valor negativo, ele retornará o absoluto v. Vamos ver como podemos usá-lo Novamente, vou duplicar este slide e comentar o anterior E ABs mate tipo Ham. Se eu passar o valor negativo -45 e, em seguida, desse arquivo, como você pode ver, ele estiver escrito apenas 45, será removido o sinal de menos Esses são os usos desse método. Mas se eu passar qualquer string nessa função, deixe-me mostrar para você. É o curso duplo, eu vou passar pelo mundo. Este arquivo, como você pode ver, é N. Quero dizer, não é um número. Agora, vamos falar sobre nosso último método matemático, que é Pi. Esse método sempre retorna uma constante v. Quero dizer que não podemos alterar o valor de Pi. Como você sabe, é uma estática. Aqui, vou duplicar esta linha e comentar a anterior Vou cronometrar nossa última função, Math tem Pi. Se eu definir esse arquivo, como você pode ver, é um valor estático, e já aprendemos em nossa escola, o valor de Pi é 3,14 Para cálculos matemáticos, você pode usar esse valor. Isso é tudo para este tutorial. Obrigado por assistir a este vídeo, fique ligado no nosso próximo tutorial 62. Tutorial de métodos de data em JavaScript: É bom ver vocês repetidamente com uma nova faixa de Java relacionada ao Tutorial. Nesse total, aprenderemos métodos de data em Java Script. Para usar métodos de data, precisamos criar um objeto de data variável. Como você pode ver, atribuímos uma variável como um objeto de data. Depois disso, podemos usar os métodos de data. Caso contrário, não podemos usar os métodos de data. Lembre-se de que, após o operador de atribuição, você precisa usar essa palavra-chave, nova data Depois disso, nossa variável se torna um objeto de data. Com a ajuda dessa variável, podemos usar qualquer método de data. Aqui você pode ver um total de 16 métodos de data, e eu vou abordar tudo isso neste tutorial. Vamos começar com a prática e ver como funciona. Como você pode ver, lado a lado, abro meu editor de código Visa Studio e meu navegador usando a extensão Live Server, e já criei este documento com índice HTM Como eu disse, primeiro precisamos criar um objeto. tipo Herm e o nome da nossa variável agora são iguais a, precisamos digitar a nova data Em seguida, bases redondas. Agora essa variável se torna objeto morto. Se eu imprimir essa variável em meus documentos, aqui amo digitar ponto do documento, certo, eu digo o baixo redondo do tipo amoro agora, como faço nesta Se eu definir esse arquivo, você poderá ver o resultado. Você pode ver no meu navegador, ele imprime a data completa. Primeiro imprime o dia, depois este mês, depois a data, o ano, a hora, depois o minuto, o segundo. Também imprime minha localização horária, GMT, na verdade, hora padrão. Lembre-se de que essa função obtém a hora do seu computador local. A hora não veio do servidor porque é o script definido pelo cliente. Primeiro, ele carrega no seu sistema e depois é executado. É por isso que ele imprime a data e a hora do seu sistema. Agora, vamos começar nosso primeiro método, que é o fluxo de duas datas. Aqui, vou vincular agora o stream de datas com dois pontos. E então precisamos passar o latão redondo. Se você quiser imprimir sua data em um formato legível, nesse caso, você pode usar essa função Se eu definir esse arquivo, você poderá ver um navegador, imprimir, imprimir no domingo, 23 de outubro de 2022. Basicamente, essa função retorna dia, mês, data e ano. Vamos falar sobre nossos próximos métodos de data, que são obter data, obter ano completo, obter mês e data de entrada. Então, vamos começar a prática e ver como podemos usar essas funções. No começo, vou duplicar essa linha e comentar a anterior Vou começar com a função G date. Se eu digitar, obtenha a data aqui e, em seguida, defina esse arquivo. Como você pode ver, é simplesmente escrita a data atual, que é 23 Nosso próximo nome de método é get full year. Tipo Hermon, ganhe o ano inteiro. Se eu definir esse arquivo, você poderá ver o resultado. É 102022. Se você quiser imprimir somente a data do ano atual, nesse caso, você pode usar esse método, obter o ano inteiro. Agora, vamos falar sobre a próxima função, que é o mês do portão. Aqui, digite git month. Se eu definir esse arquivo, você poderá ver o resultado. É o número do mês, nove, nono, significa mês de outubro Agora você pode pensar que outubro é o décimo mês. Então, por que é nove? Porque essa função conta o mês a partir do índice zero. É por isso que retorna nove. Se você quiser retornar no dia da semana, nesse caso, você precisa digitar o dia do portão. Se eu definir esse arquivo, ele retornará zero. Deixe-me te mostrar. Porque hoje é domingo. Como eu disse, começa do índice zero. É por isso que ele retorna zero. Mas se eu definir alguma data para esse objeto, deixe-me mostrar a você. Ele definiu as onças, eu vou definir uma data de 5 de janeiro de 2010 Se eu definir esse arquivo, você pode ver Stan 2. Significa que, de acordo com essa data, é o número do dia, e era dois. Da mesma forma, se eu passar, coloque o mês aqui e defina esse arquivo. Agora você pode ver est zero porque janeiro é o primeiro mês e, como eu disse, começa do índice zero. É por isso que é zero. Se você quiser extrair qualquer data ou dia do passado, você pode usar essa matemática. Nossas funções anteriores estão relacionadas à data, mês, dia. Mas agora vamos aprender as funções relacionadas ao tempo. G hour get meet gate em segundos, oito milissegundos. Vamos ver como podemos usar esses métodos. Primeiro, vou remover essa data e gostaria de trabalhar com a hora atual. Agora eu quero extrair a hora das datas. Eu recebo essa linha e comento a anterior. Aqui estou digitando agora dot get hour gate hour. Se eu definir esse arquivo, você pode ver no meu navegador, ele retorna 70. Quer dizer, às 17h, de acordo com nosso brinquedo local. acordo com nosso brinquedo local Se você quiser obter os minutos, basta digitar git mites Se eu definir esse arquivo, você poderá ver o resultado. São cinco ou 17h. Se você quiser extrair os segundos, sim, você pode Unidade para digitar a segunda venda. Agora faça o portão em segundos. E defina esse arquivo, ele para dois. Nosso próximo método é g milissegundo. Hm, digite git milliseconds. Se eu definir esse arquivo, você poderá ver o resultado. Como você pode ver, está impresso, 566. Essas são todas as portas relacionadas aos métodos. Usando esse método, podemos extrair o ano atual, data atual, o minuto atual, o milissegundo atual, etc Agora, vamos falar sobre nossos métodos definidos. Usando esses métodos, você pode definir qualquer data antiga do histórico Além disso, você pode definir datas futuras. Vamos começar a prática e ver como podemos usá-la. Aqui, vou usar funções de data definida. Estou amarrado. Agora defina a data. Então, no recesso redondo, você já sabe que hoje é dia 23 e H 27. Se eu imprimir essa variável, no meu navegador, deixe-me mostrar para você. Se eu imprimir de vez em quando, em seguida, definir esse arquivo, como você pode ver, defina uma nova data para o nosso horário. Além disso, você pode ver que 27 de outubro seria quinta-feira. Se eu mostrar meu calendário, deixe-me mostrar, como você pode ver, dia 27 de outubro é quinta-feira e, semelhante à data definida, podemos definir o ano inteiro. Deixe-me te mostrar. Seu passe foi definido para o ano inteiro. E Hm passa um ano, 2023. Se eu definir esse arquivo, você poderá ver o resultado. Agora, a data atual é 23 de outubro de 2023. Da mesma forma, você pode dizer T milissegundo, et. Isso é tudo para este tutorial. Em nossos próximos tutoriais, iniciaremos o modelo de objeto de documento Dom Obrigado por assistir a este vídeo, aguarde nosso próximo tutorial. 63. Tutorial de introdução de JavaScript DOM: Neste tutorial, vou apresentar a você o que é JavaScript Dom. A forma completa do JavaScript doom é o modelo de objeto de documento Como você sabe, o ponto mais forte do JavaScript é o par. Com isso, o Javascript tem outro ponto forte, que é o Dm, e podemos fazer muitas coisas se combinarmos essas duas seções Antes de trabalharmos com Dom, precisamos entender o que é FAZER. E o que é a árvore Dom? Dom faz parte do STML. A parte mais importante do Dom é o documento. Dentro deste documento, temos uma tag principal , conhecida como tag STM Caso contrário, podemos chamá-la de tag raiz. E então chegamos à tag filha da tag HTML, que é a tag e a tag body. Hit tag e body tag, ambas são irmãs, e suas tags principais são a tag HTML Agora, vamos falar sobre isso tag. A tag de título é uma das tags secundárias dessa tag. Dentro dessa tag de título, podemos digitar qualquer texto. Por exemplo, nós apenas digitamos website. Da mesma forma, em nossa tag body, podemos criar vários elementos secundários. Por exemplo, podemos criar uma tag NP. Ela é usada para navegação e uma tag de cabeçalho, H one, e dentro da tag de navegação, podemos usar a tag âncora quando criança E dentro da tag âncora, você pode passar qualquer texto No nosso caso, eu digito sobre nós. Além disso, podemos definir um atributo para nossa tag âncora, que é classe, caso contrário, ID Da mesma forma, podemos passar um nó de texto em nossa tag de cabeçalho. Também podemos definir um ID de atributo. Com isso, também podemos definir outra classe de atributo para nossa tag de cabeçalho. Esse atributor também funciona como uma tag secundária. Todos os atributos e elementos que você pode ver aqui chamados de todos esses nós em Java script. Este é o nó do elemento, esse é o nó do texto, esse é o nó do atributo. Agora você pode pensar: qual é o uso de p em Java Script. Aqui eu apenas apresento a você, o que é a árvore D. Usando essa árvore Dm, você pode fazer duas coisas em JavaScript. No início, você pode obter dados da árvore Dm. Suponha que você queira extrair o nome de ID desse atributo. Nesse caso, você precisa usar a palavra-chave Gate, especialmente Gate é um mahod Você pode obter qualquer valor usando esse mathle. Ao contrário, se você quiser definir um novo valor para sua estrutura de dom, nesse caso, precisará usar o método set. Você pode definir um novo valor para esse texto. Caso contrário, você pode criar um novo nó como elemento filho. Caso contrário, você pode criar um novo elemento dentro de um elemento. Se você quiser criar animação usando o Help JavaScript, caso contrário, se quiser desenvolver jogos, qualquer coisa que você queira fazer com seu doom usando o Help Java Script, você precisa usar isso para Math hood Get e St. Além disso, podemos alterar os atributos usando isso para Math hood. Você pode alterar o ID da classe, os elementos, o que quiser alterar. Você pode adicionar um novo elemento SML em seu documento. Caso contrário, você pode excluir o elemento STM. Caso contrário, você pode excluir elementos STML existentes. Se você quiser excluir a tag H one, sim, você pode excluí-la. Caso contrário, se você quiser adicionar outra criança na tag body, sim, você pode. Neste tutorial, eu apenas apresento o que é Dom. No próximo tutorial, mostrarei como podemos usá-lo de forma prática Obrigado por assistir a este vídeo, afirmo. 64. Tutorial de métodos de segmentação de DOM em JavaScript: É bom ver vocês de volta, pessoal. Mais uma vez, estou de volta com um novo Tutorial real em Java Script Dom Nos tutoriais, aprenderemos Dm direcionando matemática. Em nosso tutorial anterior, já aprendemos o que é a árvore Dm Com isso, eu te contei qual é o uso da marcha e da matemática definida Agora, a questão é, se eu quiser obter algum valor, caso contrário, definir um valor, como podemos direcionar esse elemento. Suponha que eu queira alterar H um valor técnico. Quero mudar, bem-vindo ao Hello World. Como podemos direcionar esse elemento. Talvez haja muitas tags H one neste documento. Como podemos fazer isso. Para direcionar esse elemento, Java Script tem alguns métodos especiais, e vamos aprender os métodos especiais neste tutorial. Para atingir o elemento dom, há um total de três métodos especiais. Podemos segmentar o elemento dom por meio de seu ID. Além disso, podemos segmentar o elemento dom pelo nome da classe. A última opção é que podemos ter como alvo o elemento dom, o nome da tag. Se você quiser segmentar o elemento pelo ID, precisará digitar uma linha especial. Em seguida, você precisa digitar um comando especial. O ponto do documento obtém o elemento por ID. O documento é um objeto. Dentro deste documento, quero pesquisar um ID. Aqui, dentro da prensa redonda, precisamos passar o nome de identificação. É um dos documentos do método. Lembre-se de que você precisa digitar E, B e I em maiúsculas. Da mesma forma, se você quiser segmentar pelo nome da classe, nesse caso, precisará digitar ponto do documento, obter elemento, obter elemento pelo nome da classe. Dentro da prensa redonda, você precisa provar o nome da classe desse elemento Se você quiser segmentá-lo pelo nome da tag, nesse caso, você precisa digitar o ponto do documento, obter o elemento pelo nome da tag. Dentro da prensa redonda, você precisa passar o nome da etiqueta. Mas sem três, há muitos métodos de segmentação. Esses são todos os métodos de segmentação que abordarei em nossa série de tutoriais Vamos começar a prática e ver como podemos usar esses métodos. Como você pode ver, lado a lado, abro meu editor de código Visa Studio e meu navegador usando a extensão de servidor Light, e já criei um ponto de índice de documentos est Stable. Como você pode ver neste documento, criamos uma estrutura estável e criamos um layout básico do site. Aqui você pode ver o cabeçalho e também criamos uma seção básica do menu. Além disso, temos uma parte de conteúdo e, dentro dessa parte de conteúdo, temos um conteúdo de subtítulo de imagem e, no lado direito, você pode ver uma seção lateral e temos uma tag âncora nesta Também temos uma seção de rodapé normal. Nesse layout básico, vamos explorar todo o método de segmentação Você pode ver no meu arquivo est, temos uma seção de cabeçalho, uma seção de menu, seção de conteúdo e também uma seção de verso lateral e uma seção de rodapé Eu já vinculo um arquivo de estilo a esta página, estilize o CSS com pontos e você pode ver o arquivo Também vinculo um arquivo Javascri a ele. Ponto principal JS. Agora é um documento vazio. Se você observar o IDM e as classes, temos o invólucro, o cabeçalho e o conteúdo do menu do DNM Além disso, temos alguns lados da lista de classes: ID ou ID. Para essa imagem, atribuímos um nome de classe, imagem de conteúdo. Mantenha esse arquivo como está. Vamos entrar no arquivo avasci, Man DJs. Vamos experimentar todos os métodos de segmentação idiotas neste arquivo Primeiro, vou declarar uma variável. Nós elementamos. Por enquanto, não vou atribuir nenhum valor a essa variável. Na próxima linha, vou atribuir um valor a essa variável. Elemento do tipo Hamo igual ao documento. Então, a linha. Agora vou colocar esse elemento em nosso console. Console Hmotyp, conecte dentro da prensa redonda ou linha variável, L, o saco dois nesta Se eu definir esse arquivo e mostrar por seção do console, deixe-me mostrar como você pode vê-lo retornar o documento. É um objeto. Vamos ver o que é sentar nesse objeto. Se eu abrir este documento, você poderá ver toda a estrutura do teste. Ele retorna toda a estrutura estável da nossa página. Se eu digitar documento tudo e este for esse arquivo. Agora você pode ver no meu console, ele retorna e toda a coleção. Eu devolvo todas as tags da nossa página de teste. Com isso, ele retorna o número do índice da tag. Suponha que eu queira segmentar a seção do menu. Se eu passar o mouse sobre o menu, você pode vê-lo destacado em nossa seção de menu Da mesma forma, se eu passar o mouse na seção do aquecedor do meu carro, você poderá ver o mesmo resultado Agora eu quero retornar a seção do título. Para isso, vou limpar o console. E como vou amarrar o documento Dot dentro da base quadrada, quero retornar o índice número dois Os dois subgr nesta linha. Se eu pressionar enter, como você pode ver, está escrito nosso título. Hm. Mas se eu estiver no mesmo comum aqui, deixe-me mostrar e definir a base quadrada, vou passar dois e definir esse arquivo, enviando o mesmo resultado. Hm. Da mesma forma, temos muitos métodos de segmentação Um por um, vamos explorá-lo. Eu escrevo esta linha e comento a anterior. Agora eu quero atingir a seção. Para isso, precisamos digitar document.it. Aqui vou digitar o documento dot H. Se eu definir esse arquivo, e você pode ver no meu console, ele retorna a estrutura estimada da seção Hat. Você pode ver o título, você pode ver o link, você pode ver a tag do script, eu defino a tag principal. Quero dizer, tem como alvo a seção completa, e agora quero segmentar o título. Novamente, vou fechar esta linha e comentar a anterior e o título do documento do tipo Amo. Se eu definir esse arquivo, você poderá ver o resultado. Ele retorna o título. Da mesma forma, se você quiser atingir toda a seção do corpo, você pode. Vou pegar esta linha e comentar a anterior e o tipo muro Corpo do ponto do documento. Vou configurar esse arquivo. Depois de definir esse arquivo, como você pode ver, CTN null. Por que eu não sei. Vamos executar o mesmo comando DT em nosso console. Tipo H: corpo do ponto do documento. Se eu pressionar enter, você pode ver que é uma seção C completa do corpo. Você pode ver que todas as etiquetas estão na seção do corpo. Lembre-se de que você pode executar qualquer comando de script Java na seção body. Agora eu quero segmentar todos os links da nossa página de teste. Odeie esta linha e comente a anterior. Vou digitar o ponto ns do documento. Se eu definir esse arquivo, você poderá vê-lo em algum lugar. Se eu abrir essa lista suspensa, você verá que ela contém todas as etiquetas de raiva e o comprimento total da etiqueta de raiva é oito. Temos um total de oito tags âncora nesta página. Se eu passar o cursor em nossa primeira etiqueta âncora, você poderá vê-la destacando Da mesma forma, para sobre nós, eu passo o cursor no índice número um, ele destaca a seção sobre Agora, quero focar particularmente no índice número dois. Sta links, vou usar bases quadradas e, para passar duas. Se eu definir esse arquivo, você poderá ver novamente definido por que eu não sei. Vou executar o mesmo comando diretamente em nosso console. Copie esse comando e passe para o passado. Se eu definir esse arquivo, você poderá vê-lo na galeria obsoleta. Da mesma forma, você pode segmentar imagens. Quero fixar esta linha e comentar a anterior, e aqui quero digitar imagens de pontos documentais Se eu definir esse arquivo, como você pode ver, é uma matriz ritt. Se eu abri-lo, você pode ver o comprimento de um. Se eu abrir meu cursor sobre ele, como você pode ver, ele destaca nossa imagem. Se você quiser direcionar essa imagem para isso, você precisa digitar documentar a imagem, dentro da prensa quadrada, passar o número do índice, que é zero. O 72n desta linha. Se eu pressionar enter, como você pode ver, é estado, endireite nossa imagem t. Mas se eu passar um número de índice, que não está disponível, deixe-me mostrar as imagens do documento, na prensa quadrada, vou passar O 72 e esta linha. Se eu pressionar enter, como você pode ver, está escrito indefinido. Porque não há imagem em um índice. Da mesma forma, você pode segmentar todos os formulários em sua página da web. Vou replicar esta linha e comentar a anterior Por enquanto, não temos nenhum formulário nesta página da web. É por isso que ele retornará indefinido. Vou executar outro método de segmentação, que é doc. P um. Ele executará esse tipo de documento em nossa página STL, tipo de documento STML Se eu definir esse arquivo, como você pode ver, é do tipo doc STML Isso é tudo para este tutorial. Em nosso próximo tutorial, abordaremos os restantes. Obrigado por assistir a este vídeo. 65. JavaScript DOM Obter Tutorial de métodos: É bom ver vocês. Novamente, estou de volta com um novo tutorial chamado Java script dom Neste tutorial, aprenderemos como podemos obter valor de um documento estável. Além disso, aprenderemos como podemos definir valores em um documento estável. Para isso, vamos usar o método set e git. Em nosso tutorial anterior, aprenderemos como podemos direcionar elementos dom. Mas neste tutorial, aprenderemos depois de direcionar os elementos. O que podemos fazer com isso? Primeiro, aprenderemos o que podemos obter de um elemento. Em Java Script, ajude-nos a obter três temas. Um atributo de texto obsoleto. Podemos obter três tipos de valor usando o método git. Para eles, o script Java tem alguns métodos git diferentes. O primeiro método está em um texto. Esse método ajuda a obter texto de um elemento. O próximo é Iatable. Está escrito o resto desse elemento, e nossos últimos três métodos ajudam a obter o atributo vdo, git attribute, git attribute note e attributes Vamos ver como um texto e uma tabela interna funcionam. Como você pode ver lado a lado, abro meu editor de código do Visa Studio e meu navegador usando a extensão Live several e abro meu documento estável anterior Com isso, temos o arquivo Mindo js. Primeiro, vou resolver o problema. Se você se lembra, quando executamos função corporal documentada em nosso console, ela é nula Alguns dos comandos são escritos indefinidos, caso contrário, nulos. No começo, vou resolver esse problema. Como você pode ver, aqui usamos tag script dentro da tag de cabeçalho. Mas precisamos usar a tag de script. Eu recortei a tag do script daqui e vou usá-la antes do final da tag body, e vou definir esse arquivo. Agora você pode ver quando eu configuro esses arquivos, a seção do corpo inteiro. Agora, nosso console, não retornará nulo, caso contrário, indefinido Agora podemos executar todos os comandos em nosso arquivo DGS principal. Mas qual é o problema? Se usarmos o Java strip dentro da tag head, nesse caso, o principal problema é que, quando salvamos nosso arquivo, ele carrega a tag do script antes da tag body. É por isso que nossa faixa Java funciona corretamente. É por isso que precisamos usar a tag de script no final dessa tag body. Agora funcionou perfeitamente. Vamos voltar ao arquivo JS. No início, vamos aprender em texto. Vamos ao arquivo index dot est. Como você pode ver, temos um ID de cabeçalho. Dentro desse ID de cabeçalho, temos H uma tag. Agora eu quero extrair o texto da tag H one. Para isso, precisamos vincular o elemento dot get do documento ao ID. Dentro do recesso redondo, precisamos passar o nome do ID, que é cabeçalho Se eu definir esse arquivo, como você pode ver, ele gravará a tag de cabeçalho completa. Está escrito na estrutura Atable adequada, mas eu quero retornar o texto interno dessa tag Aqui, precisamos usar o método gate dot inner text. Se eu definir esse arquivo, agora você pode ver que está escrito seu logotipo, apenas o texto. Deixe-me mostrar outro exemplo. Você pode ver meu arquivo index dot estim. Aqui está o conteúdo do nome de identificação. Dentro desse conteúdo, temos a tag H one, a tag NG, a tag de parágrafo, etc Se eu passar esse ID, ele retornará todo o texto de uma vez. Deixe-me te mostrar. Aqui, vou passar o elemento Git por ID e definir o conteúdo pressionado Se eu definir esta página, como você pode ver, todo o texto da nossa seção de conteúdo será escrito. Ele não retorna nenhuma tag de teste. É apenas um texto escrito. Esse é o uso do método de texto interno. Vamos falar sobre nosso próximo método, que é o STL interno Aqui, vou duplicar esta linha e comentar a anterior e aqui vou digitar STML interno Se eu definir esse arquivo, você pode ver meu console, é armazenar toda a estrutura restante dentro da seção de conteúdo. Como você pode ver, estão escritas todas as etiquetas imobiliárias com esse texto. Se eu passar o cabeçalho aqui , vou substituir o conteúdo pelo cabeçalho. Isso neste arquivo, você pode ver, está escrito no STML interno Um, com isso, está escrito o texto, seu logotipo. Esse é o uso desse método. A seguir, aprenderemos como podemos obter valores de atributos. Para isso, temos o método t total, atributo get, os nós do atributo git e atributos, e vamos começar com o atributo git Mathod Além disso, vamos descobrir a diferença entre o nó do atributo git Novamente, estou de volta para comprar um visto para seu colega. Primeiro, vou usar o método de atributo git. Atributo git do tipo Hm. Agora, precisamos passar por *** e fornecer ao termo do atributo qual valor de atributo queremos Vamos voltar para a página A sete. Como você pode ver neste D, temos apenas um ID de atributo, e aqui vou usar outro na aula. Classe, por enquanto, vou digitar. Eu vou dizer esse arquivo. Agora eu quero retornar o nome da classe dessa tag. Aqui eu quero passar no set a classe dupla. Se eu definir esse arquivo, você pode ver, você pode ver no console, o nome da classe, x y z. Aqui, direcionamos nossa tag profunda usando seu ID, que é cabeçalho, e retornamos o nome da classe desse elemento usando git attribute bathroom Mas se eu passar a identidade aqui , o que acontece? ID. Se eu definir esse arquivo, ele retornará o nome do sa ID, cabeçalho. Deixe-me te mostrar. Se eu definir esse arquivo, você pode ver no meu console que é o cabeçalho sit. Vamos adicionar outro atributo a esse elemento. Aqui eu vou adicionar outro atributo e o nome do nosso atributo é estilo. E eu vou dizer borda para esse elemento. Limite um pixel e eu quero uma borda sólida. Com isso, eu quero a cor vermelha. Vou definir esse arquivo e, no meu arquivo IndoJS, aqui vou passar o nome do atributo , que é estilo E agora ele retornará o valor do atributo de estilo. Se eu definir essa sola, você poderá ver o resultado. Borda de um pixel sólido rad. Agora vamos falar sobre nosso outro método, que é git attribute non Aqui, vou digitar git attribute no. Se eu definir esse arquivo, agora você pode ver no meu casole, ele retém o nome do atributo com seus valores Se você quiser retornar somente o valor do atributo, nesse caso, você precisa usar git attribute, e se quiser retornar o nome do atributo com valor, nesse caso, você precisa usar git attribute Essa foi a principal diferença entre git e o atributo git Mas se você quiser retornar somente o valor usando esse método, sim, você pode. Basta digitar dot v. Se eu definir esse arquivo, agora você pode ver que ele retornará apenas o valor. Agora vou falar sobre nosso último método get, que é attributes. Esse método retornará todos os nomes de atributos desse. Ele retornará uma matriz e definirá essa matriz , retornará todos os nomes dos atributos. Deixe-me mostrar as práticas. Voltando ao arquivo estável de pontos de índice, você pode ver que ele definiu esse ID de cabeçalho, temos um total de três atributos, ID, classe e estilo, e Haram para digitar apenas o atributo Vou remover todos esses cabeçalhos, pontos e atributos. Se eu definir esse arquivo, como você pode ver, é escrito um array. S não é escrito em uma matriz, é um objeto. Se eu abrir esse objeto, como você pode ver, o comprimento total desse objeto é três. Porque temos um total de três atributos nesse objeto, ID, classe e estilo. Se você quiser segmentar o atributo específico , sim, você pode. Suponha que eu queira atingir a classe. Para isso, depois do atributo, precisamos usar bases quadradas. Aqui, precisamos passar o índice número um. Se eu definir esse arquivo, como você pode ver, ele escreverá o nome do atributo e será v x y oito. Agora eu quero retornar somente o ve, não o nome do atributo. Para isso, basta digitar um ponto. Se eu definir esse arquivo, você poderá ver o resultado. Está escrito xyz. Com isso, você também pode retornar o nome do atributo. Para isso, ajuste para digitar o nome do ponto. Se eu definir esse arquivo, você poderá ver o resultado. É uma aula escrita. Já aprendemos, usando esse método, como podemos obter valores de dom. Isso é tudo para este tutorial. No próximo tutorial, aprenderemos os métodos do Dm gate Obrigado por assistir a este vídeo, statti 66. Tutorial de métodos de conjunto de DOM em JavaScript: O que vocês fazem. Novamente, estou de volta com um novo tutorial e, neste tutorial, aprenderemos como podemos definir valores de dom. Nós colocamos cinco métodos. Usando esse método, podemos atualizar qualquer dom Val. Caso contrário, podemos adicionar qualquer valor dom. Podemos mudar em um texto. Além disso, podemos alterar o STML, podemos definir um novo atributo Podemos remover o atributo. De vez em quando, vamos estudar a prática e ver como é. Como você pode ver lado a lado, abro meu editor de código do Visit Studio e meu navegador usando a extensão Live Server, e já abri meu arquivo STL anterior e o arquivo Min DoJS Vamos entrar no arquivo STL index doe. Aqui você pode ver, temos um ID chamado cabeçalho. Dentro dessa tag de cabeçalho, temos a tag H one. Eu decido que vou mudar a estimativa interna desse ID. Eu quero definir a etiqueta do título dois com um véu diferente. Mas eu não vou mudar nada no meu arquivo index dot est. Eu vou fazer o trabalho usando set methyl. Para isso, volto ao meu arquivo de pontos principal. Hm tie Não obtenha o elemento pelo cabeçalho do ID. Em seguida, nosso método nomeia dot inner EstiML. Como eu quero alterar o conjunto interno igual a is nos códigos duplos, precisamos passar essa árvore. Como eu disse, agora vou usar a tag header two. Aqui eu vou passar H dois de perto, H dois. Entre o segundo título, vou passar pelo inferno. Antes de configurar esse arquivo, vou retornar o conjunto interno no meu console. Para isso, vá para pass doc element get element by ID header, PR STML Em seguida, subtraia a linha C à D. Se eu definir esse arquivo, como você pode ver na parte intermediária, ele indica o conteúdo Ele substitui a tag H one pela tag S two porque alteramos o STML interno Inicialmente, segmentamos o elemento pelo nome de ID. Em seguida, alteramos o conjunto interno desse ID. Se eu mostrar que meu console está lotado, você pode ver o resultado. Como você pode ver, agora nossa nova estrutura de estimativa é h12, Halu Mas se eu imprimir essa seção interna do teste antes de alterá-la, deixe-me mostrar a você. Mas primeiro vou remover essa linha. Eu não preciso disso. Vou copiar essa linha. E vou colá-lo antes disso . Se eu definir esse arquivo, Opa, esqueci de imprimir esse elemento no meu console Copie essa linha e cole depois dessa linha. Se eu definir esse arquivo, agora você poderá ver o resultado. Nosso primeiro resultado veio antes da mudança. Nosso segundo selo vem depois da mudança. É assim que podemos mudar em esteml usando o método set. Da mesma forma, você pode definir um texto para qualquer elemento. Por enquanto, vou remover essas linhas. Eu não preciso disso. Agora vou mostrar como podemos alterar os atributos ves. Para isso, precisamos usar o atributo set, caso contrário, o método do atributo. Vamos ao código DD do estúdio Visa. Se eu mostrar meu arquivo estável de pontos de índice, como você pode ver, ele definiu esse D, temos vários atributos, ID, nome da classe, estilo e agora eu quero alterar o atributo da classe V. Quero substituir x y oito por AVC Vamos ao arquivo JS e ver como podemos fazer isso. No começo, eu queria pegar essa linha e comentar a anterior. H para amarrar o ponto do documento, obtenha um elemento pelo cabeçalho do ID. Nós segmentamos nosso elemento pelo nome do lado. Agora, aqui eu quero definir um novo nome de atributo. Para isso, precisamos usar o método set attribute, set attribute. Em seguida, vou remover as linhas incomuns. Eles não são necessários por enquanto. Então, dentro das chaves de chão, primeiro, precisamos passar nosso nome de atributo, que é classe, e em nosso segundo parâmetro, precisamos passar o nome vu que é A B C e Sg dois nesta linha Agora, vamos imprimir o atributo em nosso console. Para isso, novamente, precisamos digitar um portão de banho, atributo de portão. Atributo G dentro das chaves redondas, precisamos passar a classe do nome do atributo Se eu definir esse arquivo, você poderá ver meu console, que substituiu com sucesso o nome da nossa classe por ABC Se eu mostrar minha seção de elementos, como você pode ver, deixe-me mostrar. Ela substituiu o nome da nossa classe no meu dom por ABC. É assim que podemos alterar qualquer valor de atributo. Usando o método set attribute, você também pode alterar o valor de Sess embutido. Deixe-me mostrar o exemplo. Novamente, vou replicar essa linha e comentar a anterior Desta vez, quero segmentar nosso atributo e o nome do atributo é estilo. E aqui, vou passar um novo valor, O v é borda. Limite o cólon e ele precisa passar os valores. Borda pontilhada de dez pixels, e eu quero definir a cor da borda branca Se eu definir esse arquivo, você poderá ver o resultado. Substituímos com sucesso o valor do processo em linha usando essa metanfetamina Mas esse não é o caminho certo. Em nossa próxima tarefa, aprenderemos sobre isso. Se você quiser imprimir o valor em seu console, basta amarrar o estilo. Se eu definir esse arquivo, agora você poderá ver meu console, o valor, a borda, dez pixels, pontos e a cor branca. Basicamente, quero dizer que, com a ajuda do Java Script, podemos alterar as propriedades do CS e aprenderemos sobre isso em nossa vinda ao Tio. Agora, vamos repassar nosso próximo método, que é o método de atributo Novamente, vou duplicar essa linha e comentar a anterior Por enquanto, vou remover as linhas desnecessárias. E tipo de dano, ponto do documento, elemento de obtenção por atributos de ID. Como você sabe, aqui precisamos passar. Em vez da base quadrada, precisamos passar o número do índice e o número do índice de nossas classes um. Se eu te mostrar por que indexar ponto e arquivo, em nosso índice zero, nós o temos, e em nosso primeiro índice, temos classe. É por isso que passo um e quero alterar o valor desse atributo. Ele passa o valor do ponto. Então, precisamos usar igual a seno. e, dito, o duplo e, precisamos passar o valor, e eu quero definir o nome da nossa classe. Z, e sele nesta linha. Antes de definir esse arquivo, quero imprimir nosso atributo. Aqui eu quero passar na aula. Vou configurar esse arquivo. Agora você pode ver no meu console que ele substitui nosso nome de classe por Z Z. Se você usar esse método, precisará se lembrar do número do índice, mas em nosso método anterior, precisará passar o nome do atributo Essa é a diferença. Vamos falar sobre nosso último atributo, que é remover atributo. Esse atributo é usado especialmente para remover os atributos existentes. Então, vamos ver os dois alunos da C como isso funciona. Como você pode ver neste D, publicamos três atributos: ID, classe e estilo. Como você pode ver, essa cor de borda vermelha D vab, deixe-me aumentar o tamanho, dez pixels. Vou configurar esse arquivo. Agora, quando você configura esse arquivo, você quer remover essa borda, e eu quero removê-la usando a tela Java. Vamos voltar ao arquivo Mino. Novamente, vou duplicar essa linha e comentar a anterior Aqui precisamos passar o nome do atributo. O ponto do documento obtém o elemento pelo cabeçalho do ID, e o nome do nosso atributo é remover atributo. Remova os atributos. Então, dentro da nudez, dentro dos códigos duplos, precisamos passar o nome do atributo, e o nome do nosso atributo é estilo e semicon nesta linha Se eu definir esse arquivo, você poderá ver o resultado. Agora você pode ver no meu navegador que ele remove o atributo de estilo com seu valor. É por isso que agora não temos a borda dessa parte do cabeçalho. Se eu mostrar a estrutura est da seção de elementos, agora você pode ver dentro da tag body dentro desse código, que temos um cabeçalho. Mas se você notar, você pode ver que temos apenas dois atributos, ID e classe. O atributo de estilo foi removido com sucesso. Mas se voltarmos ao meu arquivo estável de índice, você pode ver que ainda existem nossos atributos de estilo neste D. Neste tutorial, você aprende como podemos direcionar valores de dom e também podemos dizer novos valores para nosso dom Isso é tudo para este tutorial. Em nosso próximo tutorial, vamos definir Css vs. This is it para o tal asp que está assistindo a este vídeo 67. JavaScript DOM querySelector e querySelectorAll Tutorial: É bom ver vocês de volta, pessoal. Novamente, estou de volta com um novo tutorial relacionado ao Javascript dom. Neste tutorial, você aprenderá matemática, seletor de consultas e seletor de consultas, tudo e seletor de consultas Em nossos tutoriais anteriores, aprendemos como podemos segmentar o elemento dom por ID, por className, por techni Mas o problema é que, se precisarmos atingir objetos diferentes, nesse caso, você precisará usar três métodos diferentes. ID, elemento git por ID ou classe, elemento git pelo nome da classe e, para tag, elemento git pelo nome da tag. Mas o que? Se tivéssemos apenas um método para direcionar todos os elementos, quem poderia direcionar ID, nome da classe e tagnme Para isso, Javasclit, introduza dois métodos, y seletor e y seletor all Para o seletor de cidade, precisamos digitar o ponto do documento Seletor de cidade, dentro da prensa redonda, precisamos passar o seletor CSS Da mesma forma, se você quiser usar o seletor de cidades para isso, você precisa digitar o seletor ponto y do documento dentro da prensa redonda, você passa o seletor CSS Mas qual é a diferença entre seletor y e o seletor de aridade Se usarmos o seletor Qy, ele terá como alvo o primeiro Talvez existam objetos semelhantes com o mesmo nome de classe, mas ele selecionará o primeiro. Mas se você usar o seletor Cary all, ele terá como alvo todos os elementos Essa é a diferença básica entre dois métodos, seletor e seletor Qy all. Sem perder tempo, vamos estudar a prática e ver como ela funciona Como você pode ver lado a lado, abro meu editor de código is Studio e meu navegador usando a extensão Lefs, e já abri meu ponto de índice de documentos anterior STM Esse é o arquivo JavaScript, I Practice Server JavaScript Methods. Vamos usar o primeiro bathod, que é um seletor de consultas Vou revisar todas essas linhas desnecessárias e digitar o seletor de consulta por pontos do documento, seletor de consultas Dentro da prensa redonda, precisamos passar o nome do seletor, e aqui eu uso o seletor de ID, cabeçalho Para isso, precisamos usar a tag Hs sin porque é um ID. Se você usar o nome da classe, nesse caso, precisará usar ponto antes do nome da classe, e eu quero alterar o estilo interno desse elemento Para isso, ele digita o método inerte, IDML igual a, digo as duplas, quero substituir o cabeçalho de uma tag pelo título Para isso, Herman usará a tag H two, H two. Entre essas duas tags, vou digitar hello. Na próxima linha, e para o git, novamente, vou usar o seletor Qi all Aqui, vou substituir o elemento git por ID pelo seletor Qi Seletor de Qi. Novamente, precisamos usar o sinal fiscal porque estamos selecionando o elemento usando seu ID. É por isso que precisamos usar o Hatag, e eu quero retornar o STL interno desse elemento dot inner Se eu definir esse arquivo e mostrar meu console, como você pode ver no meu console, ele está escrito, está escrito o novo OLÁ STM interno Além disso, você pode ver aqui que usamos a tag de cabeçalho. Com isso, você pode ver as mudanças em nossa parte do cabeçalho. Lembre-se de que esse seletor terá como alvo o primeiro elemento do seu documento Por enquanto, vou comentar essa linha. Eu não preciso disso. Vou configurar esse arquivo novamente. E agora vou mostrar outro exemplo do método seletor y. Se eu voltar ao meu arquivo Index dot stable, como você pode ver, há uma lista de nomes de classes e usamos o mesmo nome de classe duas vezes. Se eu selecionar o nome da classe, copio o nome da classe st e insiro o arquivo mendo, para digitar y seletor, nossa lista para digitar y seletor, de nomes de classe Mas, como eu disse, para o nome da classe, precisamos usar ponto. Mas se você notar, você pode ver que ela retorna toda a estimativa interna do primeiro elemento. Usando o seletor de consultas, podemos definir um novo valor. Caso contrário, podemos obter valor. Agora, vamos falar sobre nosso segundo método, que é o seletor de consultas all Vamos ver como é assim. Se eu amarrasse o seletor Qy, all e definisse esse arquivo, agora você pode ver que precisamos remover a estimativa interna porque vamos selecionar vários elementos Agora você pode ver se Cole está sentado em uma lista de datas, e o comprimento dessa lista é dois Se sua rotina for, você pode ver que primeiro você usa a lista de nomes de classes com a tag UL e, em seguida, usa a lista de nomes de classes com a tag de parágrafo Se eu mostrar pelo arquivo Index dot St, primeiro você usa o nome da classe com a tag UL e, em seguida, usa o mesmo nome da classe com a tag de parágrafo. A vantagem de usar esse método é que podemos usar o nome da classe, o nome tag e o nome do ID. Aqui você pode usar qualquer tipo de seletor para direcionar o elemento e, semelhante a outro método, se quiser segmentar a tag de parágrafo, para isso, aqui você precisa passar Is the square basis, o índice número um Se eu definir esse arquivo, você poderá ver o resultado. Você pode ver meu console, a tag de parágrafo completa. Você pode ver o nome da classe, você pode ver o conteúdo, etc. Deixe-me mostrar outro exemplo do seletor Quite Se eu mostrar meu arquivo estável de pontos de índice, como você pode ver, usamos a tag UL várias vezes Nós o usamos em nossa seção de conteúdo, usamos essa tag em nossa seção lateral. Também o usamos em nossa seção de menu. E agora vou usar o método pelo nome da tag. Em vez da prensa redonda, temos que passar o nome da etiqueta e nome da nossa etiqueta é U L. Além disso, vou remover o número do índice. Por enquanto, eu não preciso disso. Se eu definir esse arquivo, você certamente poderá ver a lista de nós. Se eu abrir esta lista de notas, você verá que o comprimento total da etiqueta UL é três. Um por um, se você quiser retornar o EsteML interno, sim, você pode Para isso, você precisa amarrar os versos quadrados e, dentro dos versos quadrados, precisamos passar o número do índice Quero devolver o Índice número dois. Então, precisamos usar ponto inerte. Se eu definir esse arquivo, você pode ver meu console, ele está escrito em toda a seção S interna do Índice número dois. Está escrito no menu lateral, lista itens, página inicial, sobre nós, galeria, empreiteiros, etc. Agora vou usar um pequeno seletor de casos avançado. Você pode ver meu arquivo index dot est. Dentro da seção de cabeçalho, temos a tag H one, seu lobo, e podemos selecionar o elemento H one usando esse ID Deixe-me te mostrar. Aqui, eu vou remover este. Eu não preciso disso. Dentro dos códigos duplos, vou amarrar nosso cabeçalho de nome de identificação. Espaço, o nome do elemento, H one. Se eu definir esse arquivo, você pode ver o resultado na minha Czone. Ele retornará a tag H one, que está dentro da seção do cabeçalho. Se eu voltar para y, indexe o arquivo ESTeML e duplique essa linha várias vezes. É esse. Agora você pode ver o interior por nó mínimo, totalizando três H uma tag. Essa seleção avançada retornará todas as tags H one do elemento de cabeçalho. Basicamente, quero dizer que se você usa esse método, aqui podemos usar seletores de uso avançados Este é o uso do seletor e do método seletor all. Usando um seletor, podemos segmentar todos os tipos de atributos, estilo de classe de ID, etc Isso é tudo para este tutorial. Obrigado por assistir a este vídeo , aguarde nosso próximo tutorial. 68. Tutorial de métodos de estilo JavaScript DOM CSS: Poderia ver vocês repetidamente com um novo e total relacionado a Java strip Neste tutorial, aprenderemos a matemática de estilo do Dom Ces Basicamente, temos três métodos que podemos usar para estilizar o Css Dom. O primeiro método é o estilo, o segundo método é o nome da classe e o terceiro método é a classe s. Usando esse método, você pode obter o valor de Sess Caso contrário, você pode definir Sess V. Suponha que você queira extrair a propriedade Sess do elemento Para isso, você pode usar. Para isso, você pode usar diretamente o método de estilo. Além disso, você pode definir um novo valor usando o método de estilo. Vamos começar a prática e ver como é. Como você pode ver, lado a lado, abro meu editor de código Vs to e meu navegador usando a extensão Lightsever, abro meu STEM anterior e recomendo índice Atmel Com isso, abro o arquivo Mando JS. Primeiro, vamos estilizar a parte do cabeçalho. Em primeiro lugar, vou mostrar o exemplo da propriedade de estilo. Se eu mostrar meu ponto de índice em um arquivo estável, como você pode ver neste D, temos um cabeçalho de nome de ID. Também temos o atributo de estilo neste D. Quero direcionar esse elemento usando o ID do cabeçalho. Copie o nome do ID e volte para o arquivo da minha mansão e eu vou até seletor de pontos do documento e marque o cabeçalho do nome do ID Em primeiro lugar, vou mostrar como podemos obter propriedades de estilo desse elemento. Para isso, precisa digitar o estilo de ponto. Se eu mostrar meu índice estel, como você pode ver, dentro do seu atributo de estilo, temos uma borda de nome de propriedade Eu quero obter o valor da propriedade fronteiriça. Eu copio a borda do nome da propriedade. Voltando à seção I main your file and hair up by style, vou usar o ponto e a borda do nome da nossa propriedade. Antes de configurar esse arquivo, vou abrir meu c Zoom inp Cs. Se eu definir esse arquivo, você pode ver meu Csol é escrito no valor da propriedade border a partir do elemento do cabeçalho Você pode obter o valor de Sess a partir dessa matemática. Mas se eu passar uma propriedade que não existe em nosso elemento, deixe-me mostrar para você. Como você pode ver, aqui usamos apenas propriedades de fronteira. Não usamos nenhuma outra propriedade CSS, como preenchimento de cores. Se eu digitar color hair e, em seguida, definir esse arquivo, como você pode ver no meu console, ele estará em branco, e agora vou definir uma cor de fonte para nossa seção de cabeçalho. De volta ao arquivo estável do Idexoe e aqui vou digitar ponto e vírgula e até ponto e vírgula, vou usar outra propriedade, vou usar Cor, amarelo. Se eu definir esse arquivo, você pode ver meu console, é amarelo como filho. Por enquanto, vou remover o humor responsivo e, se eu digitar algo tão profundo, vou digitar olá. E defina esse arquivo. Agora você pode ver na seção da minha cabeça a cor da fonte é amarela. É assim que podemos amordaçar o valor da propriedade CSS usando o método style Agora vou mostrar a você, usando o método Style, como podemos definir uma nova propriedade Css em um elemento est. Em nosso exemplo anterior, obtemos valor usando o método de estilo. Agora vamos aprender como podemos atribuir um novo valor de propriedade a um elemento de teste. Agora eu quero definir a cor de fundo para esse elemento. Estou de volta ao meu arquivo Minor JS, vou copiar essa parte e comentar esta linha. Na próxima linha, vou colá-lo. Agora eu quero dar um toque de cor para baixo neste D. Para isso, aqui precisamos digitar o método de estilo de pontos Depois disso, precisamos passar o nome da propriedade CSS, que eu quero dizer neste elemento, e eu quero ver a cor dab Down H para digitar fundo, cor. Cor de fundo, e eu quero usar azul. E semicon para finalizar esta linha. Lembre-se, em CSS, precisamos usar d entre o fundo e a cor. Mas na Java Street, você não precisa usar o sinal das e também precisa capitalizar C Carcor Vamos configurar o arquivo e ver o que ele escreveu. Depois de configurar este arquivo, você pode ver o resultado. Aqui você pode vê-lo com a cor de fundo do cabeçalho. Eu não salvo meu arquivo estável. Como ainda existe em nossa parte do cabeçalho. Vamos salvar o arquivo de índice novamente. Agora desapareceu. Se eu mostrar minha seção de elementos e meu cursor nessa parte do cabeçalho, aqui você pode vê-la definir uma nova propriedade sass, que é cor de fundo, cor de fundo, azul Da mesma forma, quero adicionar outra propriedade a esse elemento. Mais uma vez, vou replicar essa linha e vou comentar a anterior Agora eu quero adicionar preenchimento. Aqui, quero remover a cor azul e a propriedade da cor de fundo e, no estilo superior, vou digitar preenchimento Para cada direção, quero um preenchimento de 50 pixels. H para digitar 50 pixels. Se eu definir esse arquivo, você poderá ver o resultado. Ele adiciona preenchimento de 50 pixels de todas as direções. Aprendemos como podemos definir valor e obter valor usando o método de estilo. Agora vou falar sobre nosso segundo método, que é o nome da classe. Usando isso, você pode obter qualquer valor de classe. Além disso, você pode definir qualquer nome de classe. Vamos começar a prática e ver como é. Vamos voltar ao arquivo Stable. Como você pode ver, no fundo da nossa cabeça, temos um nome de classe x Y, e eu vou removê-lo agora. Agora, neste elemento, não temos nenhuma classe, e eu quero definir um nome de classe para esse elemento. Agora vamos ao arquivo Mando JS. Primeiro, eu queria pegar essa linha e comentar a anterior. Como vou digitar o nome documentado do método ary selector dot, que é o nome da classe. Nome da classe. E eu quero definir um novo nome de classe, nosso nome de classe é A B C. Além disso, eu quero obter o nome da classe e quero imprimir o nome da classe no meu console. Para isso, novamente, vou dublar get this line no tipo Hang, nosso nome de variável, Alim Elemento igual ao cabeçalho do seletor de documentos, e eu quero retornar somente o nome da nossa classe Eu não quero definir de forma alguma. Se eu definir este arquivo e mostrar meu conjunto ABC. Aqui, definimos um novo nome de classe e obtemos um novo nome de classe usando essa matemática. Além disso, você pode ver o nome da classe na minha seção de elementos, classe ABC Agora você deve ter se perguntado qual é o uso prático desse método O que podemos fazer depois de mudar o nome da classe? Deixe-me te mostrar. Para isso, precisamos entrar no nosso estilo de arquivo CSS dot CSS. Aqui eu vou estilizar uma aula. Aqui você pode ver que já estilizamos nosso elemento de cabeçalho usando o ID do cabeçalho. Mas agora eu quero adicionar um pouco de preenchimento. Para isso, podemos usar essa classe, e o nome da nossa classe é AVC, A B C. Insira as calibrações, vou digitar padding Acolchoamento de 50 pixels. Se eu definir esse arquivo, você pode ver o resultado, eu adiciono preenchimento de todas as direções Mas se eu voltar ao meu arquivo mando e comentar esta linha e reinicializar esse arquivo. Você pode ver agora que há um preenchimento de nope porque agora não atribuímos nenhum nome de classe ABC Se eu mostrar minha seção de elementos, como você pode ver, não há nome de classe ABC Mas já estilizamos essa classe em nossa seção de estilo. Se eu descomentar essa linha e definir esse arquivo novamente, como você pode ver, ele adicionará preenchimento de todas as direções Se eu voltar ao meu console, você poderá ver o nome da classe ABC novamente. Esse é um dos principais usos práticos desse nome de classe de método. Usando esse método dom, podemos definir qualquer propriedade de Sess, qualquer atributo para nossos elementos estáveis Deixe-me te mostrar uma coisa. Podemos definir várias classes ao mesmo tempo usando esse método. Aqui, vou digitar xyz. Se eu definir esse arquivo, como você pode ver, agora ele vê o nome das duas classes, APC e x Y. Mas se eu selecionar esse elemento e mostrar essa parte do estilo, agora você pode ver que o preenchimento vem de apenas uma classe, que é ABC, não Agora, vamos falar sobre nosso último método de estilização ss, que é a lista de classes Qual é a diferença entre a lista de classes e o nome da classe? Vamos começar a prática. Primeiro, vou duplicar essa linha e comentar a anterior, e H vou digitar o nome do método Lista de turmas. Se eu definir esse arquivo, você pode ver meu console, ele gravou o mesmo resultado. É escrito e transmitido e, nessa string, ele retém o nome da classe. Mas se eu digitar a lista de turmas aqui, deixe-me mostrar para você. E isso neste arquivo, agora você pode ver lista de tokens Stenn dom Se eu abrir este dropground, você pode ver Trotn nesses dois, e para ambos o nome da classe, ele atribui um número de índice diferente No número de índice zero, ele atribui ABC em um número de índice, ele atribuiu xyz Lista de turmas escrita. Mas o nome da classe st. Mas a principal diferença é essa função vem com seus próprios métodos. Não vou mostrar todo esse método neste tutorial, mas neste teste vou mostrar os dois métodos O primeiro caminho é um No início, vou remover todo esse nome de classe, x y ad e AVC, e no meu arquivo estável, vou atribuir o nome da classe aqui Classe A B C. Se eu definir esse arquivo, você verá que não há alterações porque já adicionamos a propriedade Sess em nosso arquivo de estilo Agora, neste elemento, quero adicionar uma nova classe com o AVC Para isso, precisamos usar o método add. Devo remover tudo isso e não digitar a classe s dot Usando esse método, podemos adicionar várias classes. E aqui, vou adicionar um nome de classe QE. Se eu definir esse arquivo, você pode ver no meu console que ele escreveu dois nomes de classes, ABC e QE Mas em nosso arquivo estável, aqui atribuímos apenas uma classe ABC Mas atribuímos a segunda classe do Javascript doom. Se você quiser adicionar outra classe com isso, sim, você pode. Logo após a citação, para usar coma e, em vez disso, as aspas duplas, você pode passar outro nome de classe e tipo Ho como d. Se eu definir esse arquivo, você poderá ver meu console Agora temos um total de três classes nesse elemento. ABC, QE e ASD. Usando esse método de adição, você pode adicionar várias classes ao mesmo tempo. Agora, vamos falar sobre o método next plus s, que é remover. Primeiro, vou remover esse método, adicionar Then I'm back to y Intext dot Stable file Aqui, dentro da classe, vou atribuir a outras classes na minha página estável, x y oito e A é d. Vou definir esse arquivo. Depois de definir esse arquivo, você pode ver meu console. É um nome de quatro pistas porque não salvamos nosso arquivo Min DoS Se eu definir esse arquivo, você poderá ver o resultado. Não, Stan Arrow, porque não usamos nenhum método. É por isso que está em Arrow. Mas se eu comentar essa linha e definir esse arquivo, agora você pode ver no meu console, nome da classe St Three, ABC xy8ad Agora eu quero remover uma das classes dessa lista. Eu quero remover a classe x y eight. Aqui, vou usar um método chamado remove. Eu recomendo que essa linha e o tipo Imo sejam removidos Dentro da prensa redonda, precisamos passar o nome da classe e eu quero remover xyz Dentro da pose dupla, vou digitar x y. Se eu definir esse arquivo, você poderá ver o resultado. É um total de dois nomes de classes, A b c e As D. Usando esse método sem classes, você pode remover nomes de classes Além disso, ao mesmo tempo, você pode remover vários nomes de classes. Com isso, quero remover a classe A D. Portanto, dentro do curso duplo, precisamos digitar A é D. Agora está escrito apenas um nome de classe, ABC É reve as duas classes, X Y Z e ASD Mas se eu mostrar meu índice nesse arquivo, todas as três classes ainda existem nesse elemento. Mas usando Dom, removemos o nome da classe, X Y e ASD. Isso é tudo para este tutorial. Em nosso próximo tutorial, aprenderemos a adicionar até mesmo um ouvinte Além disso, abordarei todos os métodos da lista de classes em nossos tutoriais de contabilidade. Obrigado por assistir a este vídeo, Stu. 69. Tutorial de método JavaScript addEventListener: É bom ver que vocês estão de novo com um novo tutorial relacionado ao JavaScript. Neste tutorial, aprenderemos a adicionar ouvinte de eventos em Java Script Todos esses são eventos básicos e sabemos como podemos usá-los. Para esses eventos, precisamos usar o atributo de evento. Como você pode ver neste botão, definimos um evento no pico e depois de clicar nesse botão, ele chamará a função AVC Dessa forma, podemos adicionar eventos em qualquer tag estável. Suponha que você queira chamar uma função ao passar o mouse sobre uma imagem. Para isso, você precisa usar esse evento com o mouse enter. Se você aprende script Java básico, você já está familiarizado com isso. Mas há um problema com essa técnica. Toda vez que precisamos voltar ao nosso documento estável para definir esse atributo Aqui, usamos eventos embutidos e isso cria nosso arquivo estável pesado e complexo Não queremos confundir o atributo JavaScript com a tag estável Para isso, o Javascript vem com duas soluções. Em nossa primeira solução, atribuímos o evento com a ajuda do dom. Como você pode ver, o ponto do documento obtém o elemento por ID, selecionamos o elemento específico por seu nome de ID, depois selecionamos o evento específico e chamamos a função. Sempre que você clicar no elemento de estimativa, ele chamará a função. Deixe-me mostrar o exemplo prático e ver como é uma palavra. Como você pode ver, lado a lado, abro meu editor de código Visa Studio e meu navegador usando a extensão Live Server, e abro meu arquivo de teste de documentos anterior e o Mando Js Agora, em nosso arquivo dividido em Java, vou chamar nosso Even. Sempre que clico nessa poção de cabeçalho, quero mudar a cor de fundo Inicialmente, vou segmentar esse elemento pelo nome de ID. Ele deve digitar o documento dot-gate elimin por ID. São os versos redondos, precisamos passar o nome do iD, e o nome do idem é, como você pode ver, cabeçalho Copie o nome do ID e cole-o aqui. Agora, aqui precisamos passar o nome par. Vou digitar ponto e nosso nome par está em P. Igual a dois, e aqui, precisamos chamar o nome da função, e o nome da nossa função é ABC Há dois conjuntos nesta linha. Agora, chamamos a função, mas não a criamos. Para isso, vou criar a função. H para digitar a função e nome da nossa função é ABC, corridas redondas Em seguida, ele configurou o C ss e eu quero mudar a cor de fundo do cabeçalho onde eu o coloco. Novamente, precisamos selecionar esse elemento, e eu quero selecionar esse elemento pelo nome Dname Copie esta linha e cole aqui. Estilo de pontos. E já aprendemos sobre o método de estilo em nossos tutoriais anteriores Depois do estilo, quero passar o nome da propriedade, e eu quero mudar a cor do fundo, fundo, plano de fundo, igual a, e eu quero dizer que é cor verde. Em seguida, dois segundos nesta linha. Agora vou configurar esse arquivo. Depois de definir esse arquivo, e quando eu clicar nesta seção de cabeçalho, como você pode ver, ele mudará a cor. Mudou de cinza para verde. Deixe-me te mostrar novamente. Se eu reprimir esta página, como você pode ver, agora a cor de fundo do aquecedor é cinza Mas se eu clicar nele, como você pode ver, ele fica verde. Dessa forma, podemos adicionar eventos em nossa tag este. É isso mesmo. Nos próximos dois a, mostraremos como podemos usar o método Add e Lesar Agora, vamos falar sobre o método Add e sar. É um banhista muito útil em Java Script. Depois de selecionar o elemento, precisamos digitar Addvn É o nome do método. Depois disso, você precisa passar dois parâmetros. Eu, você precisa passar pelos três parâmetros, mas por enquanto, vou te mostrar um parâmetro. Em nosso primeiro parâmetro, precisamos passar o nome par. Lembre-se de que, para o método de clique, basta digitar kick, não on tick. Da mesma forma, para entrar com o mouse, basta digitar o mouse enter. Para um chute D Val, precisamos digitar D Val ick. Em nosso próximo parâmetro, precisamos passar o nome da função. Caso contrário, você pode criar a função embutida. Se você não quiser chamar a função, você pode criar a função nessa linha. Você precisa digitar function que word, depois un brass, e inserir a crass, você pode passar Vamos começar a prática e ver como podemos usá-la. Novamente, estou de volta ao leitor de código do VS Studio. Aqui, vou usar o método Add even listener e vou chamar a função AVC Alguns removem esse slide e eu vou digitar , adicionar até mesmo um ouvinte Então precisamos usar bases redondas, e aqui precisamos passar um total de dois parâmetros. Em nosso primeiro parâmetro, precisamos passar o nome do par, que é chave. E em nosso segundo parâmetro, precisamos passar o nome da função, que é ABC Se eu colocar esse arquivo e passar o cursor sobre esses aquecedores e pressionar, clicar, como você pode ver, novamente, está mudando de ótimo para verde É assim que funciona. Como eu disse, é um método muito popular porque, usando esse método, podemos adicionar vários eventos em um elemento. Deixe-me mostrar a demonstração. Quero duplicar essa linha e digitar Ham, adicionar veer e até mesmo inserir o Names Mouse Entrar com o mouse. Como eu disse, se usarmos esse bathod, não precisaremos digitar o nível completo do nosso evento, apenas queremos digitar o enter do mouse, não o enter do mouse Agora vou criar uma função embutida. Não quero passar nenhum nome de função aqui. Para isso, aqui precisamos usar a função. Função. Dentro do ss redondo, não quero passar nenhum parâmetro por enquanto. Então, precisamos usar casos. Dentro do css, precisamos passar o estado. No início, quero selecionar o mesmo elemento pelo nome i. Vou copiar essa linha e colá-la dentro das caixas. Então eu quero digitar a função de estilo de ponto. Estilo, ponto e, desta vez, quero jogar com a propriedade de borda dessa linha. Então, para digitar o estilo ponto, borda igual a eu defino o código duplo, quero passar dez células de pico, sólidas, e I uma borda azul, e H eu quero passar esse semicícone para finalizar este slide e definir esse arquivo Agora eu quero passar o cursor sobre essa parte do aquecedor. Se eu passar o cursor sobre essa parte do aquecedor, você pode ver que ela estende o peso da nossa borda em até dez pixels Com isso, ele definiu uma borda de cor azul. Agora é executado com o mouse enter event. Se eu clicar nele, ao mesmo tempo, você pode ver que ele se transformou em verde. Em seguida, ele executa o evento de clique. Usando esse método, ao mesmo tempo, podemos adicionar vários eventos. Agora vou te mostrar outra árvore. Aqui eu vou usar o mesmo evento no mesmo elemento ao mesmo tempo. Mas para uma tarefa diferente. Então, para revisar com o mouse enter e aqui, vou digitar clique novamente. E eu vou configurar esse arquivo. Como você pode ver, agora a cor da borda é vermelha e o morcego tem dois pixels. Com isso, a cor de fundo é cinza. Se eu clicar nele ao mesmo tempo, ele mudará a cor de fundo. Além disso, mudou a borda e a cor. Esse truque é possível se usarmos apenas esse método, adicionando até mesmo o ouvinte Agora, deixe-me mostrar outra coisa adversa. Aqui você pode ver que direcionamos esse cabeçalho de elemento e atribuímos o evento a esse elemento, chave e também estilizamos o mesmo elemento em nossa função. Podemos usar um atalho e remover essa seção de um fio de cabelo, e eu vou usar essa palavra-chave Esta borda de pontos no estilo de ponto. Isso significa o elemento que almejamos e como direcionamos a parte do cabeçalho. Usando essa palavra-chave, podemos reduzir alguns caracteres dela. Se eu definir esse código e passar minha curva neste cabeçalho se e clicar nele, você poderá ver o mesmo resultado. Isso não afetará nosso resultado. Isso é tudo para este tutorial. No próximo tutorial, falaremos sobre o terceiro parâmetro da função add listener Obrigado por assistir a este vídeo. 70. Tutorial de método JavaScript addEventListener, parte dois: Já aprendemos como podemos usar o método add listener. Primeiro, precisamos passar o nome do evento, depois precisamos passar o nome da função, mas há outro parâmetro, que é totalmente opcional. O nome do parâmetro é use capture. Esse parâmetro é gravado em um falso el. Agora, qual é o significado disso? Vamos tentar entender qual é o significado disso. Aqui você pode ver o contêiner, externo e interno. O primeiro é externo profundo e o segundo é Ia D, e você disse, clique no evento, tanto o D. Agora, se você clicar na seção inerte, ele acionará automaticamente o externo de ti Quero dizer que, nesse caso , realizará os dois eventos. Se você quiser realizar o evento interno profundo, então você deseja executar o evento profundo interno. Nesse caso, você precisa usar o parâmetro de captura. Vamos começar a prática e ver como podemos usá-la. Como você pode ver, lado a lado, abro meu visto para seu editor de código e para a extensão sizer do meu navegador, e já criei um STL e já criei um índice de nome de arquivo STL para Com isso, eu crio um arquivo de strip JS principal de dois pontos JS. Como você pode ver, no meu navegador, temos a profundidade externa e a D. Agora vou adicionar a um evento semelhante, ambas as profundezas. E então vamos ver como podemos usar o parâmetro de captura. Primeiro, vou focar no elemento. Vou digitar o seletor de pontos Q do documento, dentro do recesso redondo, p passar o nome do elemento, usando o ID Então, digitar tem tag e o nome de ID é interno. Primeiro, eu miro o elemento interno. Em seguida, vou usar ponto e H vou usar adicionar até mesmo Lister, nome do nosso evento é click E aqui, vou criar a função embutida, então digite, função coma Função, redonda ss. É que o Cal pressiona esses pontos no estilo de fundo igual a e eu quero cor de fundo verde quando clico em T. Green. Então, vamos acabar com essa linha. Se eu definir esse arquivo, clicarei nesta seção interna, como você pode ver, ela se tornou verde. Quero definir esse arquivo e voltar para a posição anterior. Ao mesmo tempo, adicionarei o mesmo evento em nossa seção externa profunda. Eu queria escolher essa linha e quero sair. E eu quero a cor de fundo. E eu vou configurar esse arquivo. Nesses programas, não usamos ou o último parâmetro usa a captura. Primeiro, vou mostrar a demonstração sem usar a captura. Vou configurar esse arquivo novamente e clicar em uma seção profunda. Quando clico em uma seção profunda, como você pode ver, também ocorre um efeito na seção externa profunda, para deixar claro vamos adicionar à caixa de alerta dentro deste alerta do tipo e. Hm e dentro da caixa de alerta, vou digitar um d. Interno D. Para D externo, vou digitar O D. Vou dizer esse arquivo. Agora, se eu clicar na seção interna profunda, como você pode ver, primeiro ela funciona inerte D. Se eu pressionar, ela ficará sem D. Mas se eu passar o terceiro parâmetro, que é usar capture e to pass Além disso, vou passar dois parâmetros para nosso D. True externo. E eu vou configurar esse arquivo. Se eu clicar na minha seção interna, agora você pode ver a princípio que ela se esgota em uma parte profunda. Se eu pressionar OK, ele será executado em um De. É possível quando eu passo quando passamos o valor verdadeiro, tanto o elemento. Se eu passar false, ambas as funções, deixe-me mostrar para que mer pass caia, também sou pass false aqui. Cai, defina esse arquivo e clique na seção ativa. Agora você pode vê-lo executando a função padrão. Primeiro, ele executa um evento inativo, depois fica sem um evento profundo Esse é o uso básico desse parâmetro. Agora, vamos falar sobre nosso último método, que é remover ouvinte de eventos Como você pode ver, aplicamos o evento de clique várias vezes em nossa parte do cabeçalho. Nosso evento de primeiro clique mudará a cor de fundo e nosso evento de segundo clique mudará o estilo da borda Como você pode ver, abrimos nosso arquivo de exemplo anterior e aqui usamos para clicar em eventos. Tão rápido, vou remover a segunda função. E então eu vou mudar o nome par, e vou mudar o Mouse. Vou configurar esse arquivo. Como você sabe, quando usamos esse evento, sempre que passamos o cursor sobre esse elemento e removemos o cursor, ele aplicará essa função. Deixe-me te mostrar. Vou passar o cursor sobre esta seção do cabeçalho. Se eu remover meu cursor, como você pode ver, ele mudará a cor do fundo. Mas eu quero remover esse evento. Como podemos remover esse evento? Para isso, removemos a função de ouvinte de eventos. Novamente, vou selecionar a parte do cabeçalho, obtemos essa linha. H, adicione o ouvinte de eventos e Hra use outro evento, que é k. E eu vou chamar uma função diferente e nossa função em é x y z. Então, vamos criar a Função Harmony, x y oito, depois latão redondo. Então, dentro do crasso, monotipe, documente, ponha, pegue o elemento por ID e nossa barragem Copie essa parte e cole-a dentro do latão redondo. Dot, agora, precisamos usar a função, que é remover evento menor. Remova a lista de eventos. Aqui, precisamos passar o nome par, que evento eu quero remover. Quero remover esse evento, Mouse. Então, primeiro, precisamos passar o nome par, que é Mouse leap, então eu copio o nome par São os códigos duplos, eu quero passá-los, e então precisamos passar o nome da função, e o nome da função é ABC, e smeg para finalizar Então, depois de definir esse arquivo, eu passo meu cursor e removo meu cursor da parte do cabeçalho Agora você pode ver, novamente, que ficou verde. Mas se eu definir esse arquivo novamente, desta vez, vou clicar nessa parte do cabeçalho. Quero ligar para o evento de cliques. Depois de pressionar, clique em evento, e se eu remover meu cursor dessa posição, como você pode ver, ei, não está funcionando. Opa, fiz uma sllist porque passo o nome da função dentro dos códigos duplos Não preciso passar o nome da função dentro dos códigos duplos. Quero configurar esse arquivo novamente. Novamente, vou mover meu cursor nessa parte do cabeçalho. Desta vez, vou clicar. Pressione totalmente o clique e, se eu remover meu recorte dessa parte, como você pode ver, agora o fundo não muda Esse é o uso de remove even sider. Este método é usado para remover pares. Como você pode ver, para remover o evento ao vivo do mouse, dissemos outro evento, que é o clique. Depois de pressionar o clique, ele chamará essa função X Y oito. Em nosso peso X Y, usamos o método remove even istller. Esse método removerá esse evento dessa função. É assim que podemos usar a função de remover ainda mais pequena. Obrigado por assistir a este vídeo, sintonize seu Lx to vio 71. Tutorial de métodos de JavaScript classList: Olá, cara, é bom ver você de volta. Novamente, estou de volta com um novo tutorial relacionado ao Java Script doom Neste tutorial, aprenderemos métodos de classe mínima. Em nossos tutoriais anteriores, já aprendemos um pouco sobre o método de classe Aprendemos sobre adicionar Mthode e rebotar. Aprendemos usando esse método de banho, como podemos adicionar classe a um objeto Também aprendemos como podemos remover a classe de um objeto. Sem isso, existem muitos métodos, como o Togol, que contém um link de item Um por um, vamos aprender todos esses métodos. Vamos começar com o método de adicionar e remover. Como você pode ver, lado a lado, abro meu editor de código Visa Studio e meu navegador usando a extensão Live Server, e já criei um est e um nome de documento index dot HTM Como você pode ver, em nossa seção de cabeçalho, já definimos uma classe AVC Se você mostrar esse arquivo de estilo, como você pode ver, a cor de fundo vermelha vem da classe ABC Agora eu quero adicionar uma nova classe ao clicar nessa parte do cabeçalho. Para isso, vamos usar a lista de classes Mthons. Quero adicionar outro nome de classe Y a esse elemento. Mas antes eu vou estilizar essa aula. Então, aqui, vou criar um nome de classe x y, x y z e a cor de fundo hemos, verde. Eu vou dizer esse arquivo. Por enquanto, isso não afetará nada. Agora é hora de entrar no arquivo indo JS. Aqui você pode ver que já usamos o método ouvinte Aden. Eu também uso o click Eben e, depois de clicar nesta seção de cabeçalho, quero chamar a função AVC Por enquanto, nossa função está completamente em branco. Agora, depois de clicar nesta seção, quero adicionar uma nova classe usando a lista de classes Mathod Para isso, precisamos digitar document dot get element by ID header. Deixe-me mostrar a lista de classes do nome do método com pontos. Mais lista e n tipo amo mais ponto de arrendamento adicionar, e as rodadas são Ama mais o nome da classe, e a classe deles é x y z. Em seguida, subtraia Agora vamos digitar o arquivo e clicar na seção do cabeçalho. Depois de clicar nesta seção do cabeçalho, como você pode ver, ela preenche a cor de fundo com verde. Se eu mostrar meus elementos de console, e se eu usar minha seção de cabeçalho, você pode ver que ela adiciona uma nova classe ao nosso elemento de cabeçalho, xyz, a cor de fundo vem dessa classe Usando uma matemática, podemos adicionar várias classes ao mesmo tempo. Se eu pressionar vírgula e depois passar outra classe, QW E, definir esse arquivo e clicar nesta seção, como você pode ver na minha seção en, agora temos outra classe chamada É assim que podemos adicionar várias classes ao mesmo tempo. Agora vou mostrar como podemos usar o método remove na classe las? Vou adicionar mais duas classes em nosso documento estável Vou amarrar x y oito e E G, e vou definir esse arquivo. Agora vamos ao arquivo Mando JS. Para isso, precisamos duplicar essa linha, e vou comentar a anterior Como vou usar o método class dot remove. Vo, e eu quero remover X Y e EFG. Eu passei o EF G, e eu vou configurar esse arquivo. Depois de clicar nessa parte do cabeçalho, quero remover X Y e EFG Depois de configurar esse arquivo, se eu clicar na parte da cabeça, como você pode ver, ele volta à cor anterior. Isso significa que ele remove XYZ. Se eu te mostrar minha seção ele, agora você pode ver que temos apenas uma classe AVC Eu removo X Y e EFG, mas eles ainda existem em nosso documento eSTL. ABC, x Y oito e EFG. Mas no método helpop glasslys, nós o removemos Como você aprende como podemos usar o método de remoção. Já aprendemos como podemos usar o método de adição e remoção. Agora vamos aprender como podemos usar o método de alternância e comprimento Então, vamos começar a prática e ver, o que podemos fazer com isso? Como você pode ver, temos três classes em nosso elemento, AVC, x y eight, EFG, e para obter o tamanho dessa classe, imprimimos essa lista de classes em nosso console É por isso que ele retorna o comprimento. Mas agora eu só quero retornar o comprimento, não o valor, e o número do índice. Para isso, você precisa vincular a função de comprimento. Pista. Vou configurar esse arquivo. Depois de definir este arquivo, se eu clicar na seção de cabeçalho, agora você pode ver o resultado. Escreveu apenas três e, como você sabe, atribuímos três classes em nosso elemento. Dessa forma, podemos usar a função de comprimento. Agora, vamos falar sobre o método Table. O que é isso e como podemos usá-lo? Neste exemplo, vamos para o arquivo estável de pontos de índice. A partir daqui, vou remover essas duas classes, x y eight e EFG Agora temos apenas uma classe nesse elemento, ABC. Vamos fazer o arquivo JS do Mando. Aqui, vou duplicar essa linha e descobrir essa linha. Aqui, vou usar o método D toole. Alguns para digitar por último são os pontos. Nesse método, quero alternar apenas uma classe, no x y z. Eu removo a segunda Agora a pergunta é: o que isso significa? Se eu usar o método toggle e clicar nesse elemento em nosso primeiro clique, ele adicionará essa classe Se eu clicar novamente, essa classe será removida. E se eu mostrar minha seção de elementos, deixe-me mostrar e selecionar o elemento do cabeçalho. Como você pode ver, temos apenas uma classe, ABC. Mas se eu clicar nessa parte, depois de clicar nessa parte, agora você pode vê-la somando x y oito. Além disso, você pode ver que mudou a cor de fundo. Se eu clicar novamente, agora você pode vê-lo remover a classe, x y oito, e aplicar outra cor de fundo, que é do ABC Você pode remover e adicionar uma classe usando o método togal. Agora vamos falar sobre outro método, que é I. Nesta função, você precisa passar o índice, não a classe. É meu erro de digitação. Aqui eu preciso passar o número do índice. Vamos começar a prática e ver como podemos usar a função item. Agora, vamos adicionar mais duas classes em nosso arquivo de estimativa. Com AC, quero adicionar x y z. Com isso, quero adicionar EFG e vou definir esse arquivo Em seguida, volto ao meu arquivo JS de pontos principal. Primeiro, vou comentar esta linha, não preciso dela aqui, vou digitar last dot ou item do nome da função. Eu defino o endereço apenas para passar o número do índice. Eu vou passar por um. Depois de definir esse arquivo, se eu clicar nesta seção do cabeçalho, você poderá vê-la CT e somente o nome de uma classe, X Y. Mas você pode ver meu elemento Temos um total de três classes, AC x y oito e EFG Mas Harry especifica o número do índice usando a função do item, um. É por isso que está escrito xyz. Se você quiser usar esse método, precisará fornecer o número do índice da classe. Se você passar de zero, então é dez ABC, e se você passar dois, ele retornará EFG Agora, vamos falar sobre nosso último método de classe, que contém. Esse método sempre retorna dois, verdadeiro ou falso. Se os nomes das classes existirem nesse elemento, ele retornará t. Caso contrário, retornará false. Vamos começar a ver como podemos usá-lo. Como você pode ver em nosso cabeçalho, temos que contar três classes. Vamos acessar o item Minder JS fin e substituir o item por contains Cain, dentro da nudez e inserindo as aspas duplas, precisamos passar o nome da classe, e eu vou passar x y z. Se eu definir esse arquivo e escolher essa seção de cabeçalho, como você pode ver, é dez verdade porque essas classes existem em Mas se eu passar um nome de classe, que não existe, tx Y. E, em seguida, definir esse arquivo e clicar nessa parte do cabeçalho novamente, agora você pode ver Stam cair porque essa classe não existe em nosso elemento Na maioria das vezes, usamos esse método com uma condição e, de acordo com o resultado, executamos programas diferentes Isso é tudo para este tutorial. Esses são os métodos de todas as classes que abordo neste tutorial Em nosso próximo tutorial, abordarei o elemento pai e o método do nó pai. Obrigado por assistir a este vídeo, Stium. 72. Tutorial de JavaScript parentElement e método parentNode: É bom ver vocês de volta, pessoal, estou de volta com um novo tutorial relacionado ao Java script dom. Neste tutorial, aprenderemos os métodos de travessia. Existem 212 métodos que usam o método transversal, como elemento pai, nó pai, canto, primeiro filho, último filho, um irmão, irmão anterior, etc método transversal, como elemento pai, nó pai, canto, primeiro filho, último filho, um irmão, irmão anterior, etc. Todos esses métodos são usados para atingir elementos estáveis. Mas antes de começar a prática, precisamos entender o que são irmãos, elemento filho, nó pai, primeiro filho, porque sem saber o básico, é muito difícil entendê-lo Suponha que seja nosso objeto dom, H A seja elemento pai e BC DEF seja elemento filho de A. Em termos de javascript, podemos chamá-lo de node, caso contrário, elemento Se você perguntar quem é o primeiro filho de A, a resposta é B, B é o primeiro filho de A. Se você perguntar quem é o último filho de A, então F é o último filho de A. Todos são filhos de um elemento. Agora, todos esses elementos são irmãos, Bc D E A. Eles são todos Se eu te perguntar quem é o próximo irmão de B, a resposta é E, A é o próximo irmão de D. Se eu perguntar a você, quem é o irmão anterior de B, e a resposta é C, C é o irmão anterior de D. Esses são os termos que você precisa saber antes de começar a matemática transversal mano começar a matemática transversal mano Se você entender esse gráfico simples, poderá entender toda essa matemática. Vamos começar o prático e C, como podemos usá-lo. Neste tutorial, abordarei apenas dois elementos, elemento pai e nó pai. Como você pode ver, lado a lado, abro meu editor de código Visa Studio e meu navegador usando a extensão Live several, e já criei um documento estável chamado index dot est Com isso, eu já usei o arquivo Min do JS, Min dot JS. Agora está completamente em branco. Você pode ver na seção do corpo, temos uma profundidade externa. Dentro dessa profundidade externa, temos o t interno. Dentro do topo interno, temos alguns elementos secundários. A, B, C, D, E e em nossas profundezas externas, definimos um ID externo. Semelhante ao inner deep, definimos um ID interno. No irmão filho, também definimos um ID chamado filho C. Temos um total cinco elementos d dentro do contêiner interno Vamos começar nossa prática com o modo pai e o elemento talento. Em primeiro lugar, eu quero direcionar o de externo usando o D interno Vamos entrar no arquivo Java Skip e ver como podemos fazer isso Aqui eu quero digitar documento dot get element by ID. Dentro do recesso redondo, vamos passar pela barragem, e a IDA fica no interior Primeiro, quero segmentar o ID interno. A área rosa é a área interna do elemento. Usando a ajuda do elemento interno, quero atingir o elemento externo. Vou usar o método do elemento pai, o elemento pai e vou mover essa linha para uma variável em igual a do ponto obtém o elemento por ID do elemento pai. E agora vou imprimir essa variável em nossa seção de console. Tipo de som: console, log de pontos, defina a rodada, pressione nossa variável. Em seguida, semicone dois nesta linha Se eu definir esse arquivo, você pode ver meu console, ele está escrito, está escrito na seção externa profunda. Se eu pressionar meu cursor nesta seção, você pode vê-la destacar a seção externa profunda. pai interno é o externo D. Mas quem é o pai externo? Se eu selecionar a ID externa aqui, algumas desmaiam e eu quero mostrar o elemento pai da ID externa. Se eu definir esse arquivo, você pode ver no meu console, seu corpo. O elemento pai do elemento externo é o corpo. Agora, a questão é: quem é o elemento pai do elemento corporal? Vou duplicar esta linha e comentar a anterior Vou amarrar o elemento pai do ponto do corpo do ponto do documento. Se eu definir esse arquivo, agora você pode ver em um console, é este. O ETL é o elemento principal definitivo de todas as tags. Usando esse método de segmentação, podemos fazer qualquer coisa Vou comentar esta linha e descomentar esta e configurar esse arquivo novamente. Usando esse método de segmentação, podemos mudar o conjunto interno, podemos mudar o estilo Podemos mudar o que quisermos. Suponha que eu queira mudar a cor do fundo externo. Quero fazer um piquete nesta linha e comentar a anterior. E H t método de estilo de estilo de elemento pai. E aqui eu quero mudar a cor do fundo, o plano de fundo. Igual a, e eu quero definir a taxa de cor de fundo. Se eu definir esse arquivo, você poderá ver o resultado. Como você pode ver, ele adiciona uma cor de fundo à nossa tag et porque aqui passamos o elemento externo e selecionamos o elemento pai do elemento externo, o elemento pai do elemento externo é STL Mas se eu passar o cabelo interno e depois definir esse arquivo, agora você pode ver que ele mudou a cor de fundo do elemento externo. Mas selecionamos o elemento interno. Usando o ID do elemento interno, direcionamos com sucesso o elemento externo e também aplicamos um estilo a esse elemento externo. Espero que não esteja definido para você como podemos direcionar o elemento pai. Agora eu quero selecionar o elemento interno usando a ajuda do elemento filho. Se eu mostrar o índice e o arquivo, você verá que há um elemento filho chamado C. E também definimos um ID filho C. Então, copie o nome de ID Ch C e volte para o arquivo Mingo S, e a RAM substitua interior pelo filho C. Se eu definir esse arquivo, agora você pode ver, alteramos com sucesso nossa cor de fundo interna R. Agora, vamos completar o outro comando, que é o número pai. Não há muita diferença entre o elemento pai e o nó pai. Alguns duplicam essa linha e eliminam a anterior. Pai do tipo Haram: não. Pai, não. Se eu definir esse arquivo, como você pode ver, ele gravará o mesmo resultado. Mas a principal diferença é que, se usarmos o elemento pai e se o elemento pai não estiver disponível, ele retornará nulo Se usarmos o nó pai e o elemento pai não estiver disponível, ele retornará algo. Vamos deixar isso mais claro. remover a parte do estilo. Eu quero retornar o nó pai. Se eu definir esse arquivo, agora você pode ver que no meu console está escrito internamente porque o pai do filho C é um elemento interno. Mas se eu acessar meu arquivo index dot estim, como você pode ver, em nossa tag ESTiml, há um ID, A, e eu vou copiar esse E de volta ao arquivo Min Do JS, e eu quero passar o nome do ID. Agora eu quero retornar o elemento pai da tag HTML. Depois de definir este arquivo, como você pode ver, está escrito o documento. Ele não retorna N nulo. Mas se eu passar o elemento pai aqui, deixe-me mostrar para você. Vou replicar esta linha e comentar anterior e ele passar o elemento pai Se eu usar essa função, defino que esse arquivo, como você pode ver, é escrito como nulo porque não há nenhum elemento pai da tag TML Isso é tudo para este tutorial. No próximo tutorial, aprenderemos crianças e métodos infantis. Obrigado por assistir a este vídeo, afirmando. 73. Tutorial de métodos JavaScript Children e childNodes: É bom ver vocês de volta, pessoal. Novamente, estou de volta com um novo tutorial relacionado aos métodos de travessia de dom. Neste tutorial, aprenderemos filhos e o método do nó filho. Em nosso tutorial anterior, já aprendemos sobre o node principal e o parent elimate. Vamos ver, qual é a diferença entre crianças e nódulos infantis? Como você pode ver, lado a lado, abro meu editor de código Visa Studio e meu navegador usando a extensão Life Sever, e já abri meu documento est anterior, arquivo estável Index dot Com isso, abrimos o arquivo JS de pontos principais. Basicamente, usando esse método, podemos direcionar crianças usando o nó pai Em nosso tutorial anterior, direcionamos o nó pai usando filhos. Mas neste tutorial, vamos abordar crianças que usam paren. Deixe-me mostrar a demonstração. Primeiro, vou focar nos filhos do elemento externo. Aqui eu quero passar o nome de ID para fora. Aqui eu quero devolver as crianças. Eu quero usar o método infantil. Crianças. Vou configurar esse arquivo. Se eu mostrar meu console, você poderá ver meu console, sua coleção de configurações Aqui você pode ver meu console, ele retorna um total de dois filhos, H duas tags e em uma seção profunda. Se eu mostrar minha estrutura estável, como você pode ver, dentro das profundezas externas, temos um total de dois filhos Em uma seção profunda, e H two tag. É por isso que são dois elementos. Se eu direcionar o elemento interno e quiser retornar toda a tag secundária do elemento interno, aqui eu quero amarrar o interior. E eu vou configurar esse arquivo. Agora você pode ver na minha seção cs que está escrito um total de seis elementos, comprimento seis. Nosso primeiro elemento filho é a tag H two, e os outros cinco elementos são a tag profunda. Se eu quiser atingir crianças em particular, suponha que eu queira atingir C. Para isso, heroína em base quadrada Eu defino a base quadrada, precisamos passar o número do índice. Como você pode ver, o número do índice é três. Então, para passar três aqui. Depois de definir esse arquivo, você pode ver o resultado. Está escrito esse elemento secundário, C. Agora, vamos definir um estilo para essa profundidade específica. Para isso, quero recapitular esta linha e comentar a anterior Vou revisar a variável em. Aro digite Do dot git element by ID e os Dems e os dinams originais internos Também incluo o elemento filho. As crianças colocaram as bases quadradas lá. Como precisamos usar a função de estilo, Estilo de fundo de pontos. E eu quero definir a cor de fundo vermelha. Então, digite igual a dentro do vermelho do teste duplo. Se eu definir esse arquivo, você poderá ver o resultado. Como você pode ver, ele aplica cor de fundo vermelho aos nossos terceiros filhos. Se eu quiser imprimir o resto interno desse elemento no meu console, deixe-me mostrar como digitar children dot inner estim O conjunto deste arquivo, como você pode ver no meu console, é a impressão C. Esse é o uso de metil para crianças Agora vamos falar sobre criança. Vou comentar esta linha, e também vou duplicar esta linha e comentar a anterior Aqui eu vou amarrar o papel de criança. Vou configurar esse arquivo. Agora você pode ver na minha seção Coe, agora você pode ver que seu comprimento é 13 Como você pode ver, está recebendo todos os aplausos da seção interna Mas, como você pode ver em nosso primeiro índice, está citando texto. Agora a pergunta é: o que é isso? Se eu for para a seção H dois, você pode vê-la destacando esta seção. Mas se eu passar por cima da seção de texto, ela não destaca nada. Agora você pode ter quo, o que é o nó de texto? De onde vem. Suponha que, se você usar qualquer caractere como espaço inteiro, em seu código , o nó filho também conte como um elemento. Deixe-me te mostrar isso. Vamos para o arquivo de estimativa do Ixode e, aqui, vou comentar um dos elementos D. Esse D B, eu vou configurar esse arquivo. Agora você pode ver minha seção de console, também está escrito o comin. Se eu abrir este comentário, como você pode ver, existe um atributo chamado Data Também retorna o que está dentro da entrada. Da mesma forma, se eu abrir nosso índice zero, como você pode ver, um determinado novo caractere de linha. Faça uma barra invertida, uma criança perde a conta, tudo. Semelhante ao método children, podemos definir qualquer texto em nosso elemento. Caso contrário, podemos alterar a cor do plano de fundo. Caso contrário, podemos aplicar qualquer estilo. Aqui apenas para passar o número do índice. Se eu passar por uma, vou passar dentro da base quadrada, uma, e depois vou aplicar uma cor de fundo estilizada, que é vermelha Copie esta linha. E cole aqui. Se eu definir esse arquivo, você poderá ver o resultado. É aplicar uma cor de fundo vermelha a esse elemento de carregamento secundário. Você pode fazer tudo. O que você pode fazer com o método infantil? Mas a principal diferença é que a carga infantil conta tudo como um elemento. Essa é a diferença básica entre esses dois métodos. Obrigado por assistir a este vídeo, sintonia estadual para nosso próximo. 74. Tutorial de método JavaScript firstChild e lastChild: É bom ver vocês. Novamente, estou de volta com um novo tutorial relacionado ao método dom taversal. Neste tutorial, aprenderemos o método do primeiro filho e do último filho. Em nosso tutorial anterior, já aprendemos sobre o nó pai e os nós filhos. Neste tutorial, aprenderemos sobre o primeiro filho, o filho primeiro elemento e o último filho. Também é o último elemento filho. Sem perder seu tempo, vamos, senhor prático e ver como podemos usá-lo Você pode ver um gráfico dom, e A é nosso elemento pai e BC DEF é o elemento filho de A. Se eu perguntar quem é o primeiro filho do elemento A, então B é a resposta B é o primeiro filho do elemento A. Da mesma forma, se eu lhe perguntar quem é o último filho de Um elemento, é A. A é o último filho de Um elemento. Então, vamos começar a prática. Como você pode ver, lado a lado, abro meu editor de código Visa Studio e meu navegador usando a extensão Live Server, e já criei um documento estável com o nome do documento index dot Stable. Além disso, você pode ver na minha etiqueta corporal que temos Outer Bee inert Devs e alguns desenvolvedores infantis Também vinculamos um arquivo JS a esse arquivo estável. Meu dos Js. Em primeiro lugar, eu quero retornar o primeiro elemento filho desse D. Em primeiro lugar, vou remover essas linhas desnecessárias Eu não preciso disso. E então eu quero selecionar, documentar ou obter o elemento pelo ID interno. Nós visamos nosso elemento interno. Em seguida, vou usar o nome da nossa função, que é filho do primeiro elemento. Então, marque o primeiro elemento filho. Se eu definir esse arquivo e mostrar por que o console, ele retornará a tag S two. Deixe-me te mostrar. Se eu mostrar por que a seção do console, como você pode ver, está escrita internamente. Be head two é o primeiro filho do elemento interno. Você pode ver a etiqueta S two dentro do elemento interno. Depois de direcionar esse elemento, podemos fazer qualquer coisa com isso. Suponha que eu queira retornar o STL interno. Digitamos STML interno de pontos. Se eu definir o solo, você pode ver meu console, essa palavra-chave interna. Além disso, você pode adicionar qualquer estilo a esse elemento. Suponha que eu queira adicionar um plano de fundo, estilo ponto, fundo de pontos. Igual a e eu quero a cor vermelha. Se eu definir esse arquivo, você poderá ver o resultado. Ele adiciona uma cor de fundo vermelha a essa tag S two. Lembre-se de que o filho do primeiro elemento sempre tem como alvo a primeira tag STML Ao contrário, temos outra função, que é o elemento st. Portanto, duplique essa linha e comente a anterior. E Herm tipo t elemento ch. Se eu definir esse arquivo, você poderá ver o resultado. Ele adiciona cor de fundo vermelho ao nosso último elemento, que é E. E é o último filho de um D. Agora, vamos usar outro método, que é o primeiro filho. Então, para escolher esta linha e comentar a anterior. Se eu selecionar o primeiro filho , digite sumo dot, child e smog para finalizar esta linha e defina esse arquivo, como você pode ver, é st text Ele escreveu um nó de texto. Se eu abrir o nó de texto, como você pode ver dentro dos dados, temos um novo caractere de linha. Isso significa que usamos o caractere enter para uma nova linha. Agora, H dois não é o primeiro filho desse elemento interno. Agora, o primeiro filho é a entrada entre a profundidade interna e a etiqueta H two. Quero dizer que essa função conta todos os tipos de elementos quando criança. Seja qual for o personagem que você usa, ele conta como criança. Essa foi a diferença básica entre o primeiro filho e o filho do primeiro elemento. Filho do primeiro elemento, sempre escrito a primeira tag este. Mas o primeiro filho sempre retorna o primeiro personagem. Se você usar qualquer espaço, caso contrário, nova linha, nesse caso, uma nova linha, nesse caso, ela conta como o primeiro caractere. Em nossa palestra anterior, já aprendemos sobre isso. Também conta o comentário como um elemento. Agora vamos falar sobre nossa próxima função, que é o último filho. Vou escolher esta linha e comentar a anterior. Aqui, vou amarrar Last Child. Se eu definir esse wild, você poderá ver o resultado. Novamente, está escrito em um nó de texto. Se eu abrir esse nó de texto, como você pode ver, o banco de dados é uma nova linha. Se você quiser aplicar algum estilo a esse elemento, não é possível porque esses caracteres são invisíveis. Se você tentar fazer isso com força, ele retornará uma flecha. Deixe-me te mostrar. Vou aplicar estilo a esse último elemento. Esse último filho. Ponto em estilo 3D Arraste o chão e. Se eu definir esse arquivo, como você pode ver, no meu console, é um erro do tipo err. Não podemos estilizar nós de texto. Deixe-me mostrar outro exemplo da primeira filha, Beth Hood. Vou comentar esta linha e descomentar a linha anterior E aqui eu vou mudar esse seletor, e vou usar esse seletor, filho C. Eu quero passar esse ID Se eu quiser retornar o primeiro filho do elemento C filho, depois de configurar esse arquivo, você pode ver no meu console, está escrito o caractere C. Porque se eu mostrar meu índice Dot, um arquivo estável, como você pode ver, dentro desse elemento de, temos apenas um caractere. C. Não há espaço, nenhum caractere de linha nova. Da mesma forma, se eu retornar a última criança aqui, algumas para digitar, outras para colocar esta linha e comentar a anterior, e aqui eu quero passar Last child. Último filho, como você pode ver, novamente Stan personagem C. Espero que agora esses conceitos estejam claros para você. Obrigado por assistir a este vídeo, prepare-se para nosso próximo tutorial. 75. JavaScript nextSibling e tutorial de método anteriorSibling: Leste, é bom ver vocês de volta. Estou de volta com um novo tutorial sobre métodos reais de travessia de ted dom Neste teste, vamos aprender próximo irmão e o irmão anterior Em nossos tutoriais anteriores, aprenderemos sobre nó pai, nó filho, filhos, primeiro elemento filho, etc. Neste tutorial, abordaremos o irmão do próximo elemento, o próximo irmão, o irmão do elemento anterior, o irmão Antes de começar a prática, vamos tentar entender qual é a diferença entre o próximo irmão e o irmão anterior Aqui você pode ver um gráfico DOM. A, A é o elemento pai e BC DEF é o elemento filho de A, e todos esses são elementos irmãos Se eu perguntar a você, quem é o próximo irmão do elemento D, e a resposta é A, E é o próximo irmão do elemento D. Se perguntarmos quem é o irmão anterior de D, e a resposta for C. Essa é a diferença básica entre esses dois elementos, o próximo e o anterior Se eu quiser encontrar o irmão anterior do elemento B, como você pode ver, não há nenhum irmão anterior do elemento B, mas há o próximo irmão do elemento B, que é C. Sem perder tempo, vamos começar a prática e tentar esclarecer o Como você pode ver, lado a lado, abro meu editor de código visual do Sudio e meu navegador usando a extensão Life Server, e já crio um documento STL chamado index dot HTML Como você pode ver no meu navegador, revelamos De inner De e alguns elementos secundários Você já está familiarizado com essa estrutura. Vamos entrar no arquivo Mando JS. No início, vamos começar com o próximo elemento irmão Como você pode ver no meu Mando J five, já direcionamos esse elemento, esse elemento C, usando seu ID, filho C. Se eu mostrar meu arquivo STL de pontos de índice, você poderá ver o nome do ID Criança C. Aqui vou amarrar o irmão Next element O próximo elemento é irmão, e eu vou definir esse arquivo. Depois de configurar esse arquivo, como você pode ver, ele Sten é nosso próximo elemento, que é D. Da mesma forma, se eu escrevi sib anterior, duplique esta linha e comente a anterior e digite o elemento anterior Irmão do elemento anterior. Depois de definir esse arquivo, você pode ver que são dez elementos B, este. Usando essas funções, podemos direcionar o elemento anterior, caso contrário, o próximo elemento. Depois de direcionar esse elemento, também podemos aplicar estilo. Deixe-me te mostrar. Aqui digite o estilo de ponto, faça o plano de fundo. Igual a nós definimos a taxa de custo duplo. Depois de definir esse arquivo, você pode ver o resultado. Como você pode ver, ele adiciona uma cor de fundo vermelha ao elemento anterior Além disso, se você quiser devolver o estel desse elemento, sim, você pode Só para empatar. Em um estel. Se eu definir esse arquivo, você pode ver meu console, é o retorno do personagem. B, e agora eu quero retornar o próximo elemento irmão do elemento E. Para isso, volto ao arquivo index dot estim e vou definir um ID para esse elemento ID igual à criança E. E eu vou dizer este arquivo. Aqui vou digitar E e quero retornar o próximo irmão desse elemento Aqui eu vou digitar o próximo elemento irmão. Se eu definir esse arquivo, como você no console, é ton nulo. Porque depois de um elemento, não há nenhum elemento irmão É por isso que é ton null. Se você quiser aplicar qualquer estilo , ele retornará a seta em nosso console, porque não há nenhum elemento após o elemento E. Esses dois métodos são usados para direcionar o elemento. Mas nossos próximos dois métodos podem ter como alvo qualquer coisa. Ele pode ter como alvo nós de texto, caso contrário, comentários, etc Você já está familiarizado com isso. Agora vou usar o próximo método de irmãos e o método anterior de irmãos Novamente, vou ditar esta linha e comentar a anterior, e vou amarrar o irmão anterior Sincronização reversa. Se eu definir esse arquivo, como você pode ver no meu navegador, é um texto escrito. É escrito em um nó de texto e, como você pode ver, está escrito em um caractere de nova linha Se você remover o novo caractere de linha entre D e E, retornará o elemento D no meu console. Se eu tentar remover o caractere de nova linha e definir esse arquivo, por enquanto, ele não funcionará para mim Porque meu editor de código do vis studio pritifica automaticamente meu código e adiciona uma nova linha para acabar com esse elemento estável Se eu definir esse arquivo, como você pode ver, adicione uma nova linha. É por isso que, novamente, ele escreveu o modo de texto. De alguma forma, se você puder remover o caractere de nova linha dessa linha, nesse caso, ele retornará o elemento Da mesma forma, o próximo método entre irmãos funciona. Se eu digitar, próximo irmão tinha, próximo irmão e, em seguida, configuro esse arquivo, como você pode ver, novamente, é um bloco de texto escrito Porque essa função pode contar caracteres, espaços, momentos como um nó javascript. É por isso que a tonelada funciona. 76. Tutorial de JavaScript createElement e createTextNode: Olá, pessoal, é bom ver vocês de volta. Novamente, estou de volta com um novo tutorial relacionado ao Java scrip dom. Neste tutorial, aprenderemos os métodos de criação de Dom. Basicamente, em JavaScript, temos um total de três métodos de criação. Crie um elemento, crie um nó de texto, crie um comentário. Vamos tentar entender esses métodos. Suponha que você queira adicionar uma tag de estimativa em seu documento, usando JavaScript. Você deseja adicionar uma nova tag de parágrafo ao seu documento. Você pode adicionar qualquer tag que quiser. Para colocar uma tag em sua página de estimativa, você precisa usar um método, e o nome do método é criar elemento. Se você quiser digitar texto em seu documento de estimativa, para isso, você precisa usar esse método Crie um nó de texto. Suponha que você queira adicionar esse texto ao seu documento. Para isso, você precisa usar esse método. Crie um modo de texto Se você quiser adicionar um comentário em sua página de estimativa usando a Ajuda do JavaScript para isso, você precisa usar esse método, criar comentário. Vamos começar a prática e ver como podemos usá-la. Como você pode ver, lado a lado, abro meu editor de código Visa Studio e meu navegador usando a extensão Light Server. Eu já criei um documento de estimativa chamado index dot Stable. Dentro deste documento de estimativa, temos uma tag de cabeçalho. Métodos de criação de cães. Também vinculamos a um arquivo JavaScript, Dong create dot JS. Neste arquivo JavaScript, vou usar todos os métodos de criação. Primeiro, vamos criar um elemento em nosso documento. Aqui eu vou criar uma variável. E o nome da nossa variável é um novo elemento. Igual ao ponto ponto do documento e ao nome do nosso método, que é criar elemento, criar elemento. Crie um elemento dentro do recesso redondo, dentro dos códigos duplos e dentro dos códigos duplos, precisamos passar o nome da tag, que é parágrafo, P e Sebgor para este slide Então eu quero imprimir essa variável no meu console. Aqui, vou digitar console dot log, eu digo o ss redondo ou variável, novo elemento, novo elemento. Em seguida, defina duas desta linha. Se eu mostrar esse arquivo, eu mostrar meu console, como você pode ver, imprima o nome da sua tag, P. Da mesma forma, se você quiser criar uma tag diferente, suponha que você queira colar S Para isso, você precisa digitar S dois nos códigos duplos e definir esse arquivo. Como você pode ver, ele cria um título para marcar. Você pode criar qualquer elemento et usando esse método, create element. Agora vou mostrar como podemos criar um nó de texto? Para isso, vou pegar outra variável, e a variável é nova, novo texto, igual a, vou chamar nosso novo método, que é criar nó de texto. O ponto do documento cria um nó de texto. Então, dentro da prensa redonda e dentro da citação, precisamos passar o texto e passar para Have the world E marque dois pontos nesta linha. Vou configurar esse arquivo. Antes de configurar esse arquivo, também vou imprimir essa variável no meu console. Eu replico essa linha e aqui vou passar um novo texto Se eu definir esse arquivo, como você pode ver no meu console, ele imprime o texto, olá mundo. Aqui você pode inserir milhares, milhares de caracteres o quanto quiser. Agora vou mostrar como podemos adicionar comentários a um documento de estimativa usando a ajuda do Java Screen Novamente, vou criar outra variável que e nossa tabela é novo comentário, novo comentário. Igual ao comentário com pontos do documento, crie um comentário inserindo os códigos duplos, apenas para digitar o comentário Não precisamos usar nenhum sinal maior que, caso contrário, sinal de exclavação Por enquanto, vou digitar isso como comentário. E então eu vou imprimir essa variável no meu console. Eu queria escolher esta linha e aqui passar um novo comentário. Novo comentário. Após a etapa deste arquivo, como você pode ver no meu console, ele é impresso, isso é comentário. Aqui você pode ver o último comentário, menos que um sinal, sinal de exemplo, d, este é um comentário e g um sinal Como você pode ver usando JavaScript, podemos criar este elemento, texto, comentário, etc. No próximo tutorial, vamos inserir esse nó de texto dentro desse elemento Isso é tudo para essa sutura. Obrigado por assistir este vídeo, estátua. T 77. JavaScript appendChild e insertBefore Tutorial: Olá, pessoal, é bom ver vocês de volta. Novamente, estou de volta com um novo tutorial relacionado ao Java script dom. Neste tutorial, vamos aprender o script Java com os métodos abertos Basicamente, em JavaScript, totalizamos dois métodos Apen Cadeia e insira o APN antes. Vamos ver, o que podemos fazer com isso? Em nossos tutoriais anteriores, aprendemos como podemos adicionar elemento ESTeML nesta página usando JavaScript. Para isso, usamos o método do elemento Pt e também aprendemos como podemos adicionar texto nesta página usando JavaScript, com a ajuda de criar texto no. Agora, a questão é como podemos unir esse texto a esse elemento. Quero mover esse texto para dentro desse parágrafo, como podemos anexá-lo com um elemento Assim, o Java Strip introduz um método especial, que é o pen child Usando esse método, podemos adicionar texto com um elemento. Além disso, usando esse método, também podemos anexar esse elemento a outro elemento Vamos começar a prática e ver como podemos usá-la. Como você pode ver, lado a lado, abro o editor de código do Visual Studio e meu navegador usando a extensão Live Server e já crio um documento estável chamado index dot Também vinculo um arquivo JavaScript chamado M DoJ. Aqui você pode ver, criamos um elemento profundo, e eu também estilizo esse elemento profundo. Nós colocamos esconderijo, acolchoamento e margem. E se eu mostrar meu arquivo JS de pontos principal, como você pode ver, já criamos um elemento usando o título para marcar. Com isso, também criamos o texto hello world. Se eu te mostrar um console, como você pode ver, temos o título para a tag e o nó de texto, hello world. Agora precisamos anexar esse texto a esse elemento. Precisamos acrescentar esse nó de texto nesse elemento. Para isso, precisamos usar o método append. Aqui vou digitar o M, que é um novo elemento, um novo elemento. Neste novo elemento, quero acrescentar o nó de texto. Vou digitar dot Apen, uma criança pintada. Dentro do recesso redondo, precisamos passar a variável m, que eu quero pintar, e eu quero pintar novos impostos Eu copio a variável m e vou colá-la aqui. Vou fixar esse slide. Se eu definir esse arquivo e mostrar meu console, como você pode ver, ele anexará o lote de texto em nossa nova seção de elementos, que é o título dois É bem-sucedido acrescentar o sabor ao cabeçalho dois. Agora eu quero mostrar o título dois dentro desse elemento profundo. Para isso, novamente, vou usar o método Append. Dentro desse Dan Deep, vou acrescentar o elemento. Se eu mostrar meu arquivo estável de índice , como você pode ver, há um ID com sabor de nome de ID Vou copiar esse nome de identificação. Define isso para o arquivo Min DoS. No type, depois de Append Methode with new element, A type document dot get element by ID dentro do ss redondo, precisamos passar o nome do ID, que Então eu vou usar o método, uma criança com dor, uma criança que pinta. Então, dentro da base redonda, aqui eu quero acrescentar o novo elemento Copie o novo elemento do nome da variável e eu vou colar dentro das bases redondas. Substitua nesta linha. Após a etapa deste arquivo, você pode ver no meu navegador, ele imprime hello world. Ele anexa o elemento em nosso recipiente profundo. Se eu inspecionar esta seção, como você pode ver, dentro dessa profundidade, temos um elemento, H dois, e é print hello world Mas se eu mostrar meu arquivo estável de pontos de índice, como você pode ver, não há nome de elemento H dois. Além disso, não há texto, olá mundo. Como você pode ver, podemos usar função append method duas vezes Primeiro, anexamos esse texto nesse elemento. Em seguida, acrescentamos esse elemento a esse elemento profundo. É assim que podemos criar um nó de texto, caso contrário, um elemento e anexá-lo a um elemento existente. Lembre-se de que esse método de acréscimo sempre adiciona o elemento, caso contrário, nó de texto, final do nó pai . Deixe-me te mostrar. Aqui, vou adicionar um parágrafo. Vou usar a tag P, o parágrafo e digitar algum texto, nível dez. Vai adicionar dez palavras de frase. Após a etapa deste arquivo, como você pode ver, aqui você pode ver após o final deste parágrafo, ele adiciona o elemento a. Lembre-se de que um método de caneta sempre adiciona o elemento e a última posição. Se você quiser adicionar esse elemento antes do parágrafo, para isso, temos outro método, que é inserir antes. Agora eu quero mover esse título antes do parágrafo. Deixe-me mostrar como podemos usá-lo. Quero entrar nesta linha e comentar a anterior. Hm para amarrar a inserção D quatro. Então, em vez de se despir, precisamos passar um total de dois parâmetros Primeiro, em nosso primeiro parâmetro, precisamos passar o nome do elemento, qual elemento eu quero acrescentar em nossa profundidade, e eu quero acrescentar esse elemento, novo elemento Eu copio o nome desse elemento e devo colá-lo aqui. C agora precisamos passar a posição, onde eu quero acrescentar esse elemento Mas antes de passar o segundo parâmetro, vou criar o destino desse elemento pai. Digite Hm, ponto do documento, obtenha o elemento por ID, dentro do sabor das corridas redondas. Vou atribuir esse alvo em uma variável. Então, digite where e o alvo da nossa variável. Alvo igual a esse local. Agora vou substituir esse vetor por esse alvo variável. Vou digitar a inserção de ponto alvo antes, dentro do novo elemento da corrida redonda. Agora, em nosso segundo parâmetro, vou digitar o ponto alvo. E eu vou especificar a posição. Dentro da prensa quadrada, vou digitar z. Isso significa que eu quero colocar esse novo elemento antes do índice zero. Se eu definir esse arquivo, agora você pode ver, no fundo, que ele move o novo elemento antes do parágrafo Se eu mostrar minha seção de elementos, como você pode ver, primeiro ela imprime um novo elemento, depois nosso parágrafo É assim que podemos usar insert antes de Mthd. Espero que agora esteja claro para você como podemos usar o método peniano e inserir o método anterior Obrigado por assistir a este vídeo, sintonize nosso próximo tutorial. 78. JavaScript insertAdjacentElement e insertAdjacentHTML Tutorial: Olá pessoal, é bom ver vocês de volta. Novamente, estou de volta com um novo tutorial relacionado ao Java strip doom Neste tutorial, vamos aprender o script Java, inserir métodos adjacentes. Em nosso tutorial anterior, aprendemos dois métodos de apen de Javascript, Panchan e Insert Ele é usado para anexar um elemento existente e um nó de texto a um elemento pai Um Penhild sempre coloca o elemento na última posição. Para usar Inserir antes, precisamos especificar uma posição. E esse método, anexe o elemento antes da posição especificada Já aprendemos sobre isso em nosso tutorial anterior. Depois disso, inserimos o elemento adjacente, inserimos o ajuste estML e inserimos o texto Esses três métodos também são usados para acrescentar o elemento. Mas há uma diferença entre esses três métodos e esses dois métodos Nossos dois métodos anteriores são usados apenas para fins de programação. Ele pode acrescentar o elemento existente, caso contrário, o elemento de texto no elemento de dor Ele não pode criar o elemento. Ele é usado apenas para acrescentar o elemento, mas nossos últimos três métodos podem criar o elemento também anexá-lo Eu quero dizer que se você usa esses métodos, então você não precisa usar o método de criação de elemento e o método de criação de nó de texto. Antes de começar a prática, vamos tentar entender qual é a diferença entre todos esses três métodos. Suponha que você queira criar uma etiqueta de estimativa com o mesmo tempo anexá-la. Quero criar essa tag de parágrafo ao mesmo tempo em que quero anexá-la. Para isso, precisamos usar esse método. Insira e ajuste um elemento. Se usarmos esse método, ao mesmo tempo, ele cria o elemento e também acrescenta o Mas se você quiser criar uma tag e um nó de texto ao mesmo tempo, nesse caso, precisará usar esse método. Insira St. adjacente. Aqui você pode ver, criamos um parágrafo também inserimos o nó de texto dentro desse parágrafo. Usando esse método, podemos criar um nó de texto, podemos criar um elemento. Também podemos acrescentar o elemento. Podemos fazer três testes ao mesmo tempo. Se você quiser criar um nó de texto simples, para isso, você pode usar o método de inserção de texto adjacente Esse método pode criar o texto, além de danificar os textos. Você já está familiarizado com isso. O que posso fazer com esses métodos? Com isso, também podemos fornecer uma posição específica. Então, vamos tentar entender a posição em que podemos posicionar nossos elementos e nós de texto. As posições são antes do início, depois do início, antes do final e de a a oito. Temos um total de quatro posições diferentes. Vamos tentar entender as posições com mais clareza. Suponha que tenhamos um recipiente profundo. Dentro desse recipiente profundo, temos um teste. Agora precisamos criar esse nó de texto com H um elemento, e também precisamos acrescentar esse elemento dentro dessa profundidade Agora, se eu usar antes da posição inicial, nesse caso, ele anexará o elemento antes do início profundo Se eu usar após a posição inicial, nesse caso , ele anexará o elemento na primeira posição dentro do Se eu usar após a posição final , ele anexará o elemento após o final desse contêiner Se você usar antes da posição final, nesse caso, ele anexará esse elemento nessa Dentro desse recipiente profundo, ele vai se posicionar em último lugar É assim que podemos usar essa posição. Sem perder seu tempo, vamos começar a prática e ver como podemos usá-la Como você pode ver, lado a lado, abro meu editor de código Visa Sudo e meu navegador usando a extensão Live Server, e já criei um est document name index dot estel Com isso, eu crio um arquivo JavaScript, Main door JS. Também vinculo esse arquivo a esta página estável, Min door Js Além disso, você pode ver, temos um elemento profundo em nossa etiqueta corporal, e eu defino um ID para esse elemento profundo, que é sabor, e dentro desse elemento profundo, temos um parágrafo Vamos começar nosso prático inserto de largura para ajustar um elemento. Vamos entrar no arquivo DGS principal. Para isso, vou criar um elemento. Aqui vou empatar e nome da nossa variável é novo elemento, novo elemento igual a aqui, vou criar um elemento de cabeçalho. Aqui, quantidade de tipo, documento, elemento de criação, elemento de criação. Dentro da prensa redonda, quero criar um elemento de cabeçalho dois. Ei, eu pressiono H dois. Em seguida, marque dois pontos nesta linha. Agora vou criar um nó de texto porque precisamos inserir o nó de texto dentro desse elemento de cabeçalho. Hem e nossa variável é novo, novo texto, igual ao ponto do documento, criar nó de texto, Criar nó de texto. Se for a prensa redonda, vou aprovar um imposto aleatório. Vou digitar olá. E semicl dois nesta linha. Criamos um elemento e um nó de texto. Agora precisamos acrescentar esse nó de texto dentro desse elemento. Mas antes eu vou explicar o que é inserir elemento adjacente, e agora precisamos criar um alvo. Primeiro, vou criar um alvo. Eu quero atingir esse elemento profundo. Se eu mostrar meu arquivo éster de pontos de índice, como você pode ver, nesta profundidade, definimos um sabor de ID ID. Eu copio o nome de ID taste e volto para o arquivo DoS principal e Ham para digitar e nosso nome é o alvo. Igual ao documento que obtém o elemento por ID, dentro das corridas redondas, nosso nome de ID é o destino e o semicícone dois nesta linha Criamos o elemento alvo, por que eu quero pintar esse elemento H dois Agora vou usar inserir elemento adjacente. Então, para digitar o ponto-alvo, insira o elemento adjacente dentro das rodadas dentro das duplas, H, precisamos passar dois parâmetros Primeiro, precisamos passar a posição. Onde queremos colocar o elemento. Vou atribuir a posição e vou digitar antes de começar. Em nosso segundo parâmetro, precisamos passar o nome do elemento. Estou aqui para digitar new elem. Copie o novo elemento variável e eu vou colá-lo aqui. E adere a essa linha. Se eu definir esse arquivo, ele não será refletido em nossa página da web porque não anexamos o nó de texto nesse elemento Mas se eu mostrar minha seção de elementos, você pode ver o interior desse corpo. Antes desse elemento de, temos H dois elementos. Se eu mostrar meu arquivo ST indexado, como você pode ver, antes do elemento profundo, não temos nenhum elemento H dois Temos H um elemento. Mas na minha seção de elementos, você pode ver o nome do elemento, H dois, e agora vou acrescentar esse nó de texto nesse Para isso, precisamos amarrar o novo elemento dot, precisamos usar o método append child, append child dentro dos versos redondos, o nome da variável, o Sebago para acabar com esta linha. Se eu definir esse arquivo, agora você poderá ver o resultado. Agora você pode ver no meu navegador. Ele anexa o novo elemento antes desse elemento de. Agora você pode ver que nosso elemento está fora desse elemento. Mas se eu mudar de posição, coloque tijolo macio nesta linha e comente a anterior, e digite o braço para cima para começar Depois de começar. Se eu definir esse arquivo, você poderá ver o resultado. Agora é acrescentar um novo elemento, começando com D. Agora vou falar sobre nosso novo método, que é inserir Stem adjacente. Para esse método, seria apenas criar um elemento sL e um nó de texto. Vou comentar essas duas linhas. Além disso, não preciso de um método pin child. Vou comentar isso novamente. Só precisamos do elemento alvo e do nosso método. Agora vou chamar o nome do método. Tipo Hm, direcione o STL adjacente da inserção. Então, para substituir o elemento por sTML. Então, em nosso primeiro parâmetro, precisamos passar a posição. Em nosso segundo parâmetro, precisamos passar o elemento e o nó de texto de uma só vez. Deixe-me te mostrar. Dentro dos códigos duplos, vou digitar H dois. Feche também este t, H dois. E aqui vou digitar hello world. E eu vou configurar esse arquivo. Depois de configurar esse arquivo, como você pode ver, ele escreveu o mesmo resultado. Apenas usando esse método, podemos criar o nó de texto, podemos criar o elemento. Além disso, anexamos o elemento nessa posição. Insira esse elemento com sucesso nessa posição. Este é o uso do método estável adjacente de inserção. Inicialmente, direcionamos o elemento de e armazenamos nesse destino de nome de variável. Em seguida, aplicamos esse método a essa profundidade e, nessa função, primeiro passamos a posição, depois passamos o nó do texto e o elemento. Se você quiser mudar a posição, sim, você pode. Então, digite após n. Depois de definir esse arquivo, você pode ver o resultado. Agora está no elemento até a extremidade dessa profundidade. Uma a uma, você pode conferir as posições. Então, se usarmos esse método, podemos patinar nessa linha de três Esse é o benefício de usar esse método. Insira a tabela adjacente. Não precisamos criar o elemento, não precisamos criar o nó de texto e também não precisamos acrescentar o nó de texto nesse Podemos fazer a mesma coisa em uma única linha. Agora, vamos falar sobre nosso último método, que é inserir texto adjacente. Basicamente, essa função cria um nó de texto e o anexa , nada mais Vou duplicar esta linha e comentar a anterior Hm para digitar inserir texto adjacente. Em nosso segundo parâmetro, vou passar um texto simples, hello world, não o nome do elemento. Se eu definir esse arquivo, você poderá ver o resultado. Aqui você pode ver que, após o final dessa profundidade, ele adiciona o texto, olá mundo. Se eu te mostrar minha seção de elementos e seção de corpo, como você pode ver, após o final dessa profundidade, ele adiciona o texto, hello world. Esse é o uso de todas essas três inserções matemáticas. Espero que agora esteja claro para você. Se você quiser alterar a posição uma a uma, em seu primeiro parâmetro, você pode alterar a posição. Não quero tornar esse tópico mais complexo. Eu quero manter isso tão simples quanto isso. No próximo tutorial, aprenderemos como podemos substituir o elemento existente. Também podemos remover o elemento existente. Isso é tudo para o tutorial, ajuste de estado para nosso próximo tutorial. Obrigado por assistir a este vídeo. 79. JavaScript replaceChild e removeChild Tutorial: Olá, pessoal, bom empacotar. Novamente, estou de volta com um novo dom relacionado ao Tutorial. Neste tutorial, você aprenderá os métodos de strip em Java. Substitua a criança e remova a criança. Se você quiser substituir e remover tag TML usando Java Script Para isso, você precisa usar esses métodos. Substitua a criança e remova a criança. Vamos começar a prática e ver como podemos usá-la. Como você pode ver, lado a lado, abro meu editor de código do Visual Studio e meu navegador usando o Live Server Extension. Eu já criei um documento eSTL chamado index dot Stable. Dentro deste documento, como você pode ver em nossa tag body, temos a tag UL. Significa lista não ordenada e temos um total de quatro itens da lista. Todos esses são nomes de pés, laranja, maçã, uva e banana. Inicialmente, quero substituir nosso primeiro item da lista por outro nome de rodapé. Como você pode ver em nosso primeiro item da lista, temos laranja. Vamos voltar ao arquivo Min DoJS. Primeiro, vou criar uma nova tag LI. Vou criar o novo elemento. Então digite isso e nosso nome próprio é novo elemento. Novo elemento. Então é igual ao documento que cria o elemento dentro do recesso redondo, ou nome do elemento, que é o item da lista, L, e agora precisamos criar o texto Eu quero dizer nó de texto. Aqui vou digitar ou cada nome é um novo texto, um novo texto. Igual ao ponto do documento, crie nó texto, nó de texto, dentro do recesso redondo dentro do duplo cos, por enquanto, vou digitar um nome de pé, e o novo nome do pé é man Agora, precisamos acrescentar esse modo de texto nesse elemento. Como você sabe, para isso, precisamos usar o método Apenhild. Tipo Hm, novo elemento é acrescentado. É que a resolução redonda é o nome da variável, que é um novo texto. E cantou dois nesta linha. Agora, precisamos direcionar o nó pai de onde queremos removê-lo da lista. Como você pode ver, temos um ID em nossa lista de nós principais. Copie a lista de nomes de ID e volte para o arquivo Mando JS. Agora vou criar a variável alvo, e o nome da nossa variável é target. Igual ao documento para obter elemento por ID. Eu defino a pressão redonda, a variável por último e s2n nesta linha. Temos como alvo o nó pai e o armazenamos nesse destino de nome de variável. Agora vou focar nesse elemento filho. Vou criar outra e nome da nossa variável é elemento antigo, elemento antigo. Igual ao ponto-alvo, método infantil. Então, dentro da prensa quadrada, precisamos passar o número do índice, que é zero, e semicon dois nesta linha. Vou configurar esse arquivo. Se eu imprimir essa mesma variável em meu console, vamos imprimir a variável em nosso console. Hermoty, registro de pontos do console, eu defino o recesso redondo ou o elemento antigo variável Elemento antigo e Sub dois nesta linha. Depois de definir este arquivo, se eu mostrar minha seção Cso, você pode, está escrito no item da lista Eu defino este item da lista, temos a onda laranja. Foi escrita a primeira tag LI da nossa lista. Agora vou comentar esta linha e vou usar o método replace child. Vou digitar target dot replace child method, replace child. Então, dentro do processo redondo, precisamos passar pelos dois parâmetros. Dentro desse processo redondo em nosso primeiro parâmetro, precisamos passar de qual elemento eu quero substituir. Eu quero substituir por um novo elemento. Digite um novo elemento. Em nosso segundo parâmetro, precisamos passar qual elemento eu quero substituir e eu quero substituir nosso elemento antigo. Eu quero passar o velho Belem e o Smc para nesta linha. Depois de configurar este arquivo, como você pode ver no meu navegador, ele substitui laranja por manga Se mudarmos o número do índice aqui, vou passar dois. Eu configurei esse arquivo. Agora você pode ver, ele substituirá as garras por manga Espero que esteja claro para você como funciona o método replace chill Aqui você pode substituir qualquer tipo de tag usando esse método. Você pode substituir a tag Dip, a tag da tabela, a tag do parágrafo, qualquer tag que você quiser Agora, vamos falar sobre nossa outra função, que foi removida ch. Agora eu quero remover o primeiro elemento dessa lista. Primeiro, vou comentar todo esse slide. Então ele precisa passar o número do índice, que eu quero remover. Alguns precisam passar pelo Índice zo. Agora vou usar o nome do método Remove child. Então, vou pegar esta linha e comentar a anterior, e Hermo digitar target dot remove child Remova a criança. Então, na prensa und, ele precisa passar apenas um parâmetro. E o nome do nosso parâmetro é elemento antigo. Algum tipo, velho Elem. Agora vou configurar esse arquivo. Por conjunto, este arquivo, como você pode ver, ele foi removido da cor laranja desta lista. Agora temos um total de três nomes de frutas nesta lista: maçã, uva e banana. É assim que podemos remover qualquer elemento filho dessa lista. Se eu alterar o número do índice, aqui, vou passar o índice dois e definir esse arquivo. Agora você pode ver, ela removeu outra fruta dessa lista. É assim que podemos usar remove child. Obrigado por assistir a este vídeo, fique ligado no nosso próximo tutorial 80. Tutorial de JavaScript cloneNode: Bem vindos de volta, pessoal, com um novo tutorial relacionado ao Java script dom. Neste tutorial, aprenderemos o nó clone do Java script Usando esse método, podemos clonar N nós. No seu lado esquerdo, você pode ver uma lista de pedidos, manga, banana, uva e maçã No nosso lado direito, temos lista de coletes, arte e prato. Suponha que eu queira copiar as capturas da lista de rodapés e colá-las na lista vestível Para isso, precisamos clonar a tag dessas capturas e usar o nome do método prone node Então, vamos ver como podemos usá-lo na prática. Como de costume, lado a lado, abro meu editor de código do Visual Studio e meu navegador usando a extensão de servidor Lis e já criei um nome de domínio estil Index dot estil Com isso, vinculamos ao arquivo Min dogs. Pontos principais. Por enquanto, é um arquivo vazio. Além disso, você pode ver na minha etiqueta corporal, totalizamos dois e listamos Também atribuímos ID a essa lista, os últimos e os dois últimos. Agora eu quero copiar a primeira tag LI desta lista, e eu quero colá-la dentro da lista dois. Para isso, precisamos usar um método chamado Cron none. Então, vamos entrar no arquivo Minto JS. Primeiro, vou pegar uma variável, e nosso próprio nós é o alvo. Primeiro, precisamos direcionar o elemento, qual elemento eu quero clonar Eu quero clonar a lista um igual ao documento D obter elemento por ID o redondo pressionar a nota dupla, precisamos passar o ID, que é Como você sabe, aqui precisamos usar o método infantil. Digite crianças. Crianças dentro da prensa quadrada, precisamos passar o número do índice. No começo, quero copiar laranja. Como passar zero e Seb para essa linha Agora precisamos copiar esse elemento usando o método rode. Aqui, vou criar outra variável, e nossa variável m é limite de cópias. Copie o elemento. Igual ao método do nó clone de destino. Clonar o nó. Por enquanto, eu não quero passar nenhum parâmetro, mas ela pode passar dois parâmetros, caso contrário. Agora, vamos colocar essa variável em nosso console. registro do console do tipo Hermo está na prensa redonda ou no elemento de cópia variável Copie o elemento. Então, neste slide. Depois de configurar esse arquivo, se eu mostrar o porquê da seção do console, aqui você pode vê-lo copiando apenas o nome do elemento. Ele não copiou o texto, que está dentro da tag LI. Porque, como eu disse, o clone note vem com dois valores. No outono, ele vem com formulários. Se eu passar o parâmetro false aqui, nesse caso, ele copiará apenas o atributo e o nome da tag, não o valor. Deixe-me mostrar o exemplo. Aqui, vou passar o nome de uma classe. Classe, e o nome da classe é x y z. Vou configurar esse arquivo. Agora você pode ver no meu console. Copie o nome da tag com o atributo de classe, x y z, mas não copie o valor que está dentro dessa tag laranja. Se você quiser copiar o valor interno com isso, nesse caso, você precisa passar o valor verdadeiro. Vou escolher esta linha e comentar a anterior. Eu vou passar por cruel. Até o fim. Vou servir esse arquivo. Agora você pode ver o console. É copiar o nome da tag, também o atributo e o valor laranja. Copie o elemento com sucesso. Agora precisamos acrescentar esse elemento em nossa segunda lista. Para acrescentar esse elemento, precisamos usar o método Apen Aqui vou digitar document dot get element by ID, e o Dame is L list two Últimos dois. Segmente nossa segunda lista com sucesso. Aqui, precisamos usar um nome de método, que é pin child, append Como filho do Apen, quero acrescentar esse elemento de cópia. Eu copio o nome da variável, copio o elemento. E eu defino o custo duplo, vou colar o valor, o elemento de cópia e o subcon para finalizar essa linha Depois de configurar esse arquivo, como você pode ver no meu navegador, ele acrescenta o nome do rodapé em nossa nova lista em laranja Basicamente, clonamos o elemento da lista um e o colamos dentro da lista dois Espero que, agora esteja claro para você, qual é o uso do método Clone node Isso é tudo para este teral. No próximo tutorial, aprenderemos sobre o método contains. Obrigado por assistir a este vídeo, afirmando. 81. JavaScript contém tutorial de método: Olá, pessoal, é bom ver vocês lá. Novamente, estou de volta com um novo tutorial relacionado ao Javascript dom. Neste tutorial, aprenderemos o método de contenção de JavaScript. Aqui você pode ver uma profundidade, e nós definimos uma identificação para essa profundidade, que é externa. Dentro dessa profundidade externa, temos um total de três profundezas infantis. E eu quero pesquisar um ID, que está dentro desse contêiner externo. Suponha que eu queira pesquisar o ID interno. Depois de direcionar o elemento externo, quero pesquisar. Eu quero pesquisar um ID de elemento filho, que está dentro do D externo. Para isso, precisamos usar métodos de contenção. E esse método escreveu apenas dois tipos de onda, Trough or Falls Como você pode ver, esse d é filho de Outer deep. Vai voltar. Mas o que? Se usarmos o ID em um elemento neto, quero dizer que dentro do elemento filho de Outer deep, eu crio outro filho e, em seguida, defino esse ID para esse filho Agora, é um elemento neto da parte externa D. Mas como visamos a parte externa Pesquisa, há um Ina neste contêiner ou não? Qualquer elemento que você usar, se o ID ainda existir nesse contêiner, nesse caso, retornará. Outro vai retornar o formulário. Simplesmente, quero dizer que, se o ID existe dentro dessa entrada externa, é sempre definido e verdadeiro Sem perder seu tempo, vamos começar a prática e ver como podemos usá-la Como você pode ver, lado a lado, abro meu editor de código Visa Studio e meu navegador usando a extensão Live Server, e já criei um documento com o nome Index dot HTML. Com isso, também vinculou um arquivo Javascript a este documento. O nome do arquivo JavaScript é o arquivo JS de ponto principal. Por enquanto, é um MT. Se eu voltar ao meu arquivo estável de pontos de índice e, como você pode ver em nossa tag corporal, temos um contêiner com sabor de nome de ID Dentro desse contêiner, temos uma tag de parágrafo e outro elemento profundo. Nesse elemento profundo, temos outro parágrafo secundário. Neste parágrafo, definimos um nome de ID ABC. Agora, esse parágrafo se tornou um elemento neto desse gosto de nome de identificação Rápido, precisamos direcionar o elemento pai. Vamos ver o arquivo eletrônico do Minder. Aqui, vou criar uma variável. W e o nome da nossa variável é elemento pai. Elemento pai. Igual ao ponto do documento, obtenha o elemento por ID, as rodadas, são os códigos duplos e o IDM é o Em seguida, some dois nesta linha. Agora vou focar no elemento, cujo ID é ABC Aqui eu vou criar outra variável. W e nossa variável é alvo. Alvo igual ao ponto do documento obtenha elemento por ID dentro do processo redondo dentro dos códigos duplos, o nome do ID, ABC, o sb nesta linha Agora vou pesquisar esse ID ABC no contêiner de teste Se o ID existir , ele retornará t. Caso contrário, retornará false. Vamos encontrar o ID ABC no elemento de teste. Para isso, novamente, vou criar outra variável, e nossa variável como find. Nosso método é igual ao elemento pai, e aqui vou usar o método contains. Contém dentro da prensa redonda agora precisamos passar qual elemento eu quero encontrar. Aqui vou encontrar o elemento AC. Precisamos passar a variável m. Target. Eu quero pesquisar o alvo Elem O circo vai acabar com esta linha Agora, vamos imprimir a variável em nosso console. Aqui, vou digitar o log de pontos do console dentro do ss redondo, o membro variável Tudo bem, e semicon para n nesta linha, e semicon para n nesta linha, e eu vou definir esse arquivo Se eu mostrar meu console, como você pode ver, não é verdade porque nosso ID de destino está disponível dentro do elemento pai. Mas se eu mudar o nome do ID, então Hm para substituir AVC por x y. Em seguida, defina esse arquivo, agora você pode ver que o tom cai, porque esses IDs não existem em nosso documento Esse é o uso da função contains. Espero que agora esteja claro para você. Obrigado por assistir a este vídeo, sintonize nosso próximo tutorial. 82. JavaScript hasAttribute e hasChildNodes Tutorial: Olá, pessoal, é bom ver vocês BA. Mais uma vez, estou de volta com um novo tutorial relacionado ao Java Script Dom. Neste tutorial, você aprenderá os atributos has e HHI Vamos aprender esses dois métodos neste tutorial. Aqui você pode ver, temos um D com sabor de nome de identificação. Com isso, temos uma classe chamada ABC, que continha um texto hello world Agora você quer verificar se há algum atributo sem ID neste elemento? Em primeiro lugar, vou segmentar esse elemento usando seu ID. Então eu quero pesquisar. Existe algum outro atributo sem ID nesse elemento? Para isso, precisamos usar o método de atributo hash. Esse método retornará um resultado t. Por meio de qualquer falso. Esse método sempre retorna o valor en. Se o atributo estiver disponível nesse elemento, nesse caso, ele retornará verdadeiro. Caso contrário, retornará falso. Sem perder tempo, vamos começar a prática e ver como podemos usá-la Como você pode ver lado a lado, abro meu editor de código Visa Studio e meu navegador usando a extensão de servidor e já crio um documento de estimativa chamado index dot EstiML Com isso, criamos o arquivo Minot JS. Também anexo o arquivo Mando JS a este documento de estimativa. Como você pode ver na minha etiqueta corporal, temos um elemento profundo e, nesse elemento profundo, temos um sabor de nome de identificação. Dentro desse elemento profundo, temos dois elementos secundários, H duas tags e uma tag de parágrafo. Primeiro, no meu arquivo JavaScript, vou focar nesse elemento profundo. Eu quero copiar esse nome de identificação, gosto. Em seguida, volte ao meu arquivo JS principal e ao H tie. Lá, como de costume, precisamos criar uma variável, e o nome da nossa variável é target. Alvo igual ao ponto do documento, obtenha elemento por ID, dentro do latão redondo e dentro do campo duplo, eu vou passar um val Precisamos passar o nome de identificação, que é sabor. Vamos começar a acabar com essa linha. Em seguida, vou encontrar o atributo de classe nesse elemento de destino. Aqui, vou criar uma outra variável lá e nossa variável está bem. Igual ou V m ao ponto alvo. Agora vou usar o método has attribute. Atributo. Então, dentro do processo redondo dentro dos códigos duplos, precisamos passar o nome do atributo e o nome do nosso atributo é classe. Dentro dos códigos duplos, vou digitar class e Semg to nesta linha Já sabemos que não há nenhuma classe disponível neste elevador. Vamos colocar esse valor no console. Portanto, digite o log de pontos do console dentro do ss redondo ou do membro variável. Encontre. Em seguida, sub dois nesta linha. Após a etapa deste arquivo, se eu mostrar meu console, e você puder ver que ele está escrito cai porque não há nenhum atributo de classe nesse elemento. Só temos apenas um atributo, ID. Agora vou passar o atributo m nesse elemento. Digite a classe Hm no duplo es, e nosso tema de classe é x y z. Vou configurar esse arquivo. Agora você pode ver meu console, está escrito por completo. Eu sei que está claro para você. Como podemos usar o atributo has? Agora, vamos falar sobre nosso próximo método, que é a perda de filhos. Como você pode ver, há um elemento profundo, e eu quero verificar, há um elemento filho nessa profundidade ou não. Suponha que eu passe em um teste simples neste de. Nesse caso, os métodos do nó filho retornem duas outras formas verdadeiras. Se algum tipo de criança disponível neste de, nesse caso, retornará verdadeiro. Vamos entrar no núcleo do estúdio Visa e ver como podemos usá-lo. Como você pode ver nesta profundidade, já temos dois elementos secundários, título e um parágrafo. Agora vou usar os métodos do nó filho H. Alguns o fazem para molhar essa linha e comentar a anterior. Ele vai digitar o ponto-alvo e tem nós secundários. Como precisamos usar os lugares redondos. Dentro das chaves redondas, precisaria passar qualquer parâmetro Se eu definir esse arquivo, agora você pode vê-lo como falso porque temos elementos secundários nessa profundidade Espero que agora esteja claro para você como podemos usar esses métodos, atributo de hash e has childs Obrigado por assistir a este vídeo, fique ligado no nosso próximo tutorial 83. JavaScript isEqualNode Tutorial: Olá, cara, é bom ver você de volta. Novamente, estou de volta com um novo tutorial de estado Java Script dom. Neste tutorial, aprenderemos um novo método, que é igual ao Java Script. Aqui você pode ver uma lista, Lista A, e temos alguns nomes de pés nessa lista. Banana pega maçã alaranjada. Com isso, temos outra lista, a Lista V. Também temos alguns nomes de pés, banana, goiaba e abacaxi Se você perceber que pode ver, temos um nome de pé correspondente na Lista A e na Lista banana. Agora eu quero comparar a primeira nota da Lista A com a primeira nota da Lista V, banana e banana. Quer comparar os dois itens mínimos. Para isso, temos um nome de método com cargas iguais e são escritos apenas dois valores, verdadeiro ou falso. É sempre um valor. Se você comparar os dois itens da lista, como você pode ver, eles são idênticos. Ele retornará verdadeiro, mas esse método segue alguns parâmetros. Sabemos que os dois itens mínimos estão abaixo dos itens da lista. É por isso que vai voltar a ser verdade. Portanto, é compatível com um parâmetro. O primeiro critério é o tipo de nó. Se o tipo de nó for o mesmo, nesse caso, ele retornará verdadeiro. O mesmo critério é o nome do nó. Quero dizer que se o primeiro for o menor item, também seria um item da lista. Caso contrário, ele retornará falso. O segundo critério é que o nome do nó deve ser o mesmo. Não podemos comparar o item da lista com o parágrafo, caso contrário, qualquer tag de título, e o terceiro critério é Node Well. Se compararmos banana com goiaba, nesse caso, ela retornará falsa Precisamos comparar banana com banana. Então, essa função retorna verdadeira. O próximo critério é que seu nó filho seja o mesmo. Se usarmos qualquer tag de parágrafo como filha na lista A , devemos usar a mesma tag de parágrafo nos itens da lista B. Caso contrário, ele retornará falso. Além disso, eles precisam seguir o mesmo atributo. Se esse item da lista estiver com a classe, liste também o item b *** com uma classe Além disso, seu atributo al deve ser o mesmo. Se usarmos a classe X Y oito, também precisaremos usar a mesma classe x y oito. Esses são os critérios básicos que devemos seguir nesse método Então, sem perder seu tempo, vamos começar a prática e ver como podemos usá-la Como você pode ver lado a lado, abro meu editor de código do Studio e meu navegador usando a extensão Light Server e crio apenas um documento de estimativa chamado indete estimate chamado indete Além disso, anexamos um arquivo JavaScript, Min dot JS. Como você pode ver na minha tag corporal, temos um total de duas listas descarregadas Em nossa primeira lista, atribuímos um ID. último. Em nossa segunda lista, atribuímos a lista dois. Primeiro, vou comparar Lista 1 com o primeiro nó da Lista V e, em seguida, vou comparar a primeira nota da Lista 1 com o segundo nó do menor V. Então, primeiro, vou focar nesse nó Para isso, precisamos usar esse ID. Então, vamos voltar ao arquivo Mando JS. Aqui, vou criar uma variável, e o nome da nossa variável é target one. Alveje um, alveje um igual ao mínimo, o porteiro por ID, em vez disso, o Rundss passaria o nome do ID Em nossa primeira lista abaixo, quem tem uma lista de identificação. Então copie o nome do ID e eu vou colá-lo aqui. Agora, precisamos selecionar esse nó, primeiro nó, laranja. Para isso, precisamos usar um método, que é o primeiro filho. O primeiro elemento filho, eu cantei nesta linha Agora eu quero comparar laranja com goiaba. Vou computar essa linha e vou mudar o nome da variável Alvo dois. Aqui, também vou mudar o nome do ID, às duas. Vou comparar o primeiro elemento da lista um com o primeiro elemento da lista dois. Agora vou comparar as duas estradas com seu método igual. Para isso, vou criar uma variável igual. Igual ao alvo de um ponto, nome do nosso método, é igual, é igual. Em vez disso, o recesso redondo precisaria passar pela segunda variável, e o nome da nossa segunda variável é alvo dois, alvo dois Os dois sb nesta linha. Agora vou imprimir a mesma variável em nosso console. Então, digite console Do log está na rodada ss, o nome da nossa variável é igualado e s to nesta linha Como você pode ver no meu console, são dez quedas. Se você notar, pode ver que corresponde a todos os critérios, mas não corresponde ao valor do nó. O primeiro valor é laranja e nosso segundo valor é goiaba. É por isso que esse método escrito cai. Agora vou comparar esse nó com o segundo nó, laranja e laranja. Para isso, a heroína precisa usar outro nome de método , que é children Crianças dentro da prensa quadrada, precisamos passar o número do índice. Como você pode ver, o número do índice é um porque nosso índice começa com zero. Se eu definir esse arquivo, agora você pode ver meu console, ele está escrito e agora vou adicionar o atributo isso a um item. Vamos voltar ao arquivo estável do índice e aqui vou adicionar uma classe Classe. Por enquanto, vou deixá-lo para trás. Depois de configurar este arquivo, você pode ver meu console, e reter quedas Mas se você perceber que o valor deles é o mesmo, voto deles é o mesmo, mas o atributo é diferente. Aqui, usamos uma classe de nome de atributo. Mas se eu passar o mesmo nome de atributo na lista dois, deixe-me mostrar a classe vazia do tipo H. Eu configurei esse arquivo, agora você pode ver que está escrito como verdadeiro. Mas se eu usar um nome de classe diferente, o que acontecerá? Aqui vou usar x y e z. Na segunda aula, vou usar ABC Se eu definir esse arquivo, agora você poderá ver novamente as formas triton porque o nome da classe é diferente Mas se eu usar o mesmo nome de classe ABC e AC, e este do solo, você pode ver que é st e true Este é o uso de sua função de lote igual. Obrigado por assistir a este vídeo, sinta-se à vontade para o nosso próximo estúdio. 84. Tutorial de eventos de formulário em JavaScript: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo script Java totalmente relacionado. Nesse total, aprenderemos Java Script com Evin. Em nossos tutoriais anteriores, já aprendemos sobre alguns eventos básicos, como clique, clique duas vezes, clique com o botão direito do mouse, etc Mas neste tutorial, aprenderemos algumas noções básicas sobre eventos. Tudo isso é básico de eventos aprenderemos nos tutoriais Primeiro, temos alguns eventos de pressionamento de tecla como tecla pressionada, tecla pressionada, tecla, desfoque de foco e, em seguida, temos alguns eventos selecionados Já aprendemos sobre eventos de pressionar teclas, pressionar teclas e ativar teclas em nossos tutoriais anteriores Vamos começar este tutorial com o evento focus and blur. Como você pode ver lado a lado, abro meu Vishal para ver o Code Eater e meu navegador usando a extensão Live Server, e já crio um nome de documento estim nome de documento Como você pode ver na minha página de estimativa, temos um formulário estil e temos dois campos de texto e um campo de opção Como você pode ver, antes do primeiro campo de texto, usamos o rótulo Nome e, em seguida, usamos o rótulo da classe e nosso segundo campo de texto. Em seguida, você mostra algumas opções de nomes de países, como Índia, Paquistão, Nepal, EUA, Japão E você pode ver a estrutura estimável na minha página. Temos etiqueta frontal, nível, etiqueta de entrada, opções de seleção, etc Como eu disse, vamos começar nosso evento prático com foco. Agora a questão é: o que é foco? Sempre que clico nesse campo de entrada de nome, como você pode ver, agora ele destaca o campo de entrada com borda preta. Da mesma forma, se eu chutar o campo de entrada da classe, agora ele destacará esse campo de entrada da classe. Além disso, se eu clicar nessas opções, agora você pode ver que ela também destacou esta seção. Isso é chamado de foco. Esse é o recurso de construção do navegador. Mas podemos personalizá-lo usando o On Focus Evil. Primeiro, vou atribuir um ID a esse primeiro campo de entrada. Aqui vou digitar ID igual ao nome F. O nome F significa primeiro nome. Em seguida, é na tag do script, com isso, também vou adicionar um evento, que está em foco. Então, digite focando. Então, aqui precisamos fornecer um nome de função. O nome da função é função de foco. Então eu vou criar essa função dentro dessa tag de script. Então digite, função curada, função, e o nome da nossa função é função de foco, sim copie o nome dessa função Em seguida, precisamos direcionar isso no campo de inicialização usando seu ID, que é fname Aqui, digite docu dot get element by ID dentro das corridas redondas e , dentro do Crass, dentro das corridas redondas, queria fornecer o nome de ID, que é fname Em seguida, quero aplicar uma cor de fundo sempre que focalizar esses campos de entrada. Então, eu quero usar o estilo de ponto, ponto, e eu quero aplicar uma cor de fundo, igual ao vermelho. Eu quero aplicar a cor de fundo vermelho. Em seguida, semicone dois nesta linha. Agora, vamos ver o arquivo e clicar nesse campo de entrada. Depois de clicar nesse campo de entrada, como você pode ver, agora cor de fundo do nosso campo de entrada é vermelha. Mas se eu clicar em outro campo de entrada, isso não funcionará porque direcionamos esse campo de entrada específico usando seu ID. Agora eu quero aplicar o mesmo evento em nosso segundo campo de entrada. Para isso, vou copiar esta seção no evento Focus e colá-la no segundo campo de entrada. Mas não vou atribuir nenhum ID a esse campo de entrada. Vou deixar em branco. Agora você pode saber como podemos selecionar o segundo campo de entrada sem o ID. Deixe-me te mostrar. Para isso, vou usar essa palavra-chave em nossa função. Quando chamarmos nossa função, dentro da rodada ps, vou passar a palavra-chave this. Isso. Além disso, vou passar essa palavra-chave em nosso segundo campo de entrada. Isso. Usando essa palavra-chave, podemos aplicar essa função específica nesse campo de entrada específico, sempre que focarmos nela e, para lidar com isso, precisamos pegar uma variável em nossa função. Dentro da prensa redonda, vamos pegar um nome de variável e nosso nome de variável é elemento. Elemento e, em seguida, vou substituir esta seção por esse elemento variável. É isso mesmo. Agora, vamos configurar o arquivo e recarregar o navegador. Desta vez, vou clicar em nosso segundo campo de entrada. Agora você pode ver que está funcionando em nosso segundo campo de entrada. Ele aplica o evento de foco e altera a cor de fundo. Da mesma forma, se eu clicar no campo de entrada de nome, isso também alterará a cor de fundo do campo de entrada de nome. Se eu quiser inscrever o mesmo evento em nossa seção de países, sim, podemos. Só queria copiar essa função no evento de foco e precisamos colá-la após esse ID em nossa guia de seleção Se eu definir esse arquivo e clicar nesta opção de país, agora você pode ver que desta vez ele aplica a cor de fundo em nossa opção suspensa É assim que funciona. Basicamente, podemos usar o evento de foco em nossos campos de entrada, opções e tanques de ancoragem Agora temos um problema. Depois de focar nosso campo de entrada. Se eu remover nossos carros e clicar em outra seção, agora você poderá ver que ela ainda mostra a cor de fundo. Agora precisamos remover essa cor de foco. Como podemos fazer isso? Para isso, precisamos usar o evento Blur. Para isso, da mesma forma, precisamos usar esse evento na função de foco. Aqui vou digitar o nome do evento. Ou azul. Também no double cos, precisamos passar um nome de função. Então, para copiar o nome dessa função. Função de foco, e vou mudar o nome da função de foco com a função de desfoque D. Eu vou fazer a mesma coisa para o próximo campo de entrada. Vou copiar esta seção e colar depois do evento on focus. Também em nossa opção de seleção. Em seguida, vou duplicar essa função e mudar o nome da função Concentre-se para desfocar. Vou remover o nome da cor e deixá-lo preto. Vou configurar esse arquivo. Agora, primeiro, vou focar o campo de entrada do nome. Como você pode ver, a cor de fundo fica vermelha. Mas sempre que eu me concentro nesse campo de entrada de classe, agora você pode vê-lo remover a cor de fundo vermelha do nosso primeiro campo de entrada. É assim que funciona. Agora você entende como o foco e as veias embaçadas funcionam juntos Aqui você também pode usar adicionar ouvinte de eventos. Se você não quiser digitar tanto código. Em nosso tutorial anterior, já aprendemos sobre isso. Agora, vamos falar sobre outro evento, que é esse evento aplicado quando tentamos sentir o campo de entrada. Basicamente, usamos esse evento com campo de entrada e área de texto. Não funciona na caixa de tomografia computadorizada e nos botões de rádio. Vamos começar a prática e ver como podemos usá-la. Então, vamos chamar o evento em nossa primeira seção de entrada, e o nome do evento está na entrada, e inserir o código duplo que vai passar uma função, e o nome da nossa função é função de entrada Em seguida, ao definir as rodadas, também vou usar essa palavra-chave Agora vou duplicar esta seção e substituir a função pela função de entrada Sempre que tento sentir esse campo de entrada, quero uma cor de fundo amarela. Eu vou passar amarelo. Vou configurar esse arquivo. Depois de definir esse arquivo, primeiro, vou clicar no campo de entrada do nome e passar um texto, um nome, e o nome é adicionar um. Como você pode ver, quando digitamos algum texto nesse campo, ele permanece com a cor de fundo, vermelho dois, azul Esse é o uso no evento de entrada. Isso é tudo para este tutorial. No próximo tutorial, abordarei os eventos restantes. Obrigado por assistir a este vídeo, aguarde nosso próximo 85. Tutorial de eventos de formulário em JavaScript II: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com outra faixa de eventos em Java relacionada ao Tutorial . Em nosso tutorial anterior, abordamos, focamos o Blur e o evento de entrada Neste tutorial, abordaremos, alteraremos, selecionaremos, enviaremos um evento inválido Vamos começar com um evento de mudança prática. Como você pode ver, lado a lado, abro meu editor de código do Visa Studio e meu navegador usando a extensão Light Server. Eu abro meu nome de documento TML anterior, ponto de índice, ponto TML. Como você pode ver, temos um total de dois campos de entrada. Classe de nome. Com isso, temos uma caixa de opções. Nomeie o país, e Harr fornece o nome de algum país. E vamos começar nossa prática com um evento de mudança. Deixe-me te mostrar como. Basicamente, você pode usar a caixa de seleção para alterar o evento em texto. Além disso, você pode usá-lo em uma área de texto. No início, vou usar o evento on change em nossa caixa de seleção. Depois de ativar a função de desfoque, vou chamar esse evento de mudança Na mudança, e o nome da nossa função é alterar função. Alterar função. Agora, também preciso definir essa função em nossa tag de script. Vou copiar o nome da função e replicar uma dessas seções de função e substituir essa função de alteração de função, D. Além disso, vou mudar a cor de fundo, que é azul E eu vou configurar esse arquivo. Agora você pode ter dúvidas sobre o que a função de mudança basicamente fará. Esse método funciona quando perdemos o foco do campo de entrada. Primeiro, precisamos criar o foco no campo de entrada. Então, sempre que removermos nossos carros, caso contrário, removemos nosso foco e, em seguida, função de mudança é chamada. Deixe-me te mostrar como. Agora, como você pode ver, em nossa caixa de seleção, usamos a função de mudança. Além disso, vou atribuir um ID à nossa caixa de seleção, e nosso IDE é selecionado. Então, dentro da tag do script, precisamos direcionar essa caixa de seleção usando essa ocultação. Aqui, vou remover o elemento e substituí-lo pelo documento. O elemento get by ID é aquele processo redondo para fornecer o nome do ID, que é selecionar DC. Depois de definir esse arquivo, vou clicar nessa caixa de seleção. Agora você pode ver, por enquanto ela chama nossa função de foco. Mas se eu selecionar qualquer país, suponha que eu vá selecionar EUA. Ao clicar em EUA, como você pode ver, a cor de fundo muda. Agora está mudando para a cor azul porque esse tipo chamará a função de mudança, e só é possível fazer com que esse evento mude. Esse é o uso de on change. Quando eu uso o foco, caso contrário, removo o foco e ele é acionado no evento de mudança. Esse é o uso da mudança. Lembre-se de que esse método de alteração funciona em qualquer campo de entrada. Podemos usá-lo com caixa de entrada, tomar estudos, etc. Agora, vamos falar sobre nosso evento feminino, que é selecionado. Esse evento de seleção funciona depois de selecionar o valor do campo de entrada. Suponha que em nosso campo me o nome do monótipo adicione um. Basicamente, ele será acionado quando eu selecionar esse valor. Vamos chamar esse evento em nossa caixa de entrada de nome. Insira o monótipo ao selecionar. Em seguida, digito o nome de uma função, que é selecionar função. Agora precisamos definir essa função dentro desse script. Dentro do roteiro, vou criticar esta seção. Em seguida, vou substituir o nome da função, alterar a função para selecionar a função. Com isso, precisamos direcionar o elemento de entrada usando seu ID. Como você pode ver, o nome do ID é nome, o nome F estrelas para o primeiro nome. Aqui, vou substituir select por ele, eu nomeio, e depois vou mudar a cor de fundo. E eu vou dizer cor de fundo. Alfinete. Depois que a etapa for arquivada, agora, vou preencher um nome no nosso campo de nome, que é Raul Mas se eu selecionar o nome do escruten usando meu cursor, agora você pode ver, agora você pode ver a cor de fundo do nosso pixel de entrada mudar para a cor rosa, porque desta vez ela é acionada na função de É assim que podemos usar na função de seleção. Agora vamos falar sobre o próximo evento, que é enviar. Basicamente, usamos esse evento em nossa etiqueta frontal. Podemos acionar esse evento, preencher o formulário e pressionar o botão enviar. Vamos ver o código do Visual Studio. Como você pode ver no meu navegador, temos um formulário básico, mas não temos nenhum botão de envio Vamos criar um botão de envio. Então, dentro da etiqueta frontal e abaixo dessa etiqueta elfa, vou pegar uma entrada para entrada. Insira, digite, envie. Vou configurar esse arquivo. Como este arquivo, você pode ver, agora temos um botão de envio, e agora eu quero acionar o evento de envio depois de clicar no botão Enviar. Como eu disse, precisamos chamar esse evento pela etiqueta frontal. Como você pode ver, essa é a posição inicial da etiqueta frontal. Então eu, na primeira etiqueta, vou convocar este evento ao enviar. E dentro do teste duplo, vou passar o nome da tag de envio. Dentro das camadas duplas, gostamos passar o nome da função, e o nome da nossa função é submit function Agora precisamos definir essa função dentro do scripta. Vou copiar o nome da função Em primeiro lugar, vou replicar esta seção. Em seguida, vou substituir o nome da função. Preencha a função com, envie da função. Em seguida, removerei todas as partidas desnecessárias. Aqui, vou digitar console dot log no processo redondo o código duplo, você enviou um formulário. E a segunda seção nesta linha. E eu vou configurar esse arquivo. Depois de definir esse arquivo, vou abrir o painel do console em nosso navegador. Inspecione Czo. Se eu pressionar o botão de envio, você verá que não funcionou muito bem porque, em nossa tag de ação, passamos um caminho PHP, caso contrário, um caminho.net, mas eu não Vou imprimir a mensagem na minha caixa de alerta. Vou substituir o log de pontos do console Alert Box Alert. E eu vou configurar esse arquivo. Depois de definir este arquivo, se eu clicar no botão enviar, agora você pode ver na minha caixa LT que ele retornou, você enviou um F. É assim que se envia o método Agora você pode ter uma pergunta: qual é o uso disso? Podemos extrair valor desses campos de entrada. Suponha que eu queira extrair o nome desse campo de entrada, ao enviar d de. Para isso, primeiro, vou comentar essa linha. Primeiro, estou na varie e o nome da nossa variável é x, x igual a document, dot get element by ID É que o ss redondo é aquele te duplo, precisamos passar o nome do ID, que é um nome. Então eu quero extrair o u desse campo de entrada. Então digite ponto. Então, queremos acabar com essa linha. Agora vou imprimir o nome em nossa caixa R. Então, digite LR, que é a prensa redonda, é que os primeiros títulos do dole tes Olá, então precisamos usar o lado da concatenação, e eu quero concatenar com ou variável x. São Seve dois nesta linha. Se eu definir esse arquivo, H para passar um nome, adicione um. Em seguida, vou pressionar o botão enviar. Depois de pressionar o botão enviar, como você pode ver, na minha caixa de alerta, ele imprime hello add one. É assim que podemos extrair dados usando o método Enviar. Podemos classificar o valor e usar esse valor em qualquer lugar. Você só precisa se lembrar de que precisamos usar no envio do evento com a tag from. Não podemos usar esse evento nenhuma outra tag de entrada, caso contrário, na tag de seleção, e podemos acionar esse evento somente usando o botão Enviar. Depois de pressionar este botão de envio, ele acionará o evento. Agora, vamos falar sobre nosso último evento, que é inválido. Usamos esse evento quando o usuário insere um valor errado. Suponha que se tivermos um campo de entrada, que aceitará números de telefone. Mas sem números de telefone, alguém digita qualquer letra maiúscula, caso contrário, qualquer caractere. Nesse caso, a função inválida acionou e gravou uma mensagem de erro Agora vamos ver como podemos usá-lo na prática. Como você pode ver, temos que dizer dois campos de entrada e um campo de seleção. Se não preenchermos este formulário e ele, botão de envio. Agora você pode ver, é onde. Eu não mostro nenhuma bagunça. Mas eu quero que esse mesmo campo de entrada sempre seja campo. Para isso, precisamos usar um atributo, um atributo estável, que é chamado de registro. Aqui, insira esta tag de entrada do tipo necessário. Então eu quero definir esse arquivo. Agora é necessário preencher esse nome f. Agora, deixe-me mostrar como funciona. Então, para definir esse arquivo. Se eu clicar no botão enviar, como você pode ver, agora ele mostra uma mensagem. Por favor, falhe nessa falha. Esse é o recurso inválido de um arquivo estável. Agora, o problema é que eu não quero mostrar essa mensagem. Quero mostrar uma mensagem personalizada. E para mostrar essa mensagem personalizada, podemos usar em inválido e para mostrar a mensagem personalizada, podemos usar e para mostrar isso e para mostrar a mensagem personalizada, podemos usar em evento inválido Só precisa digitar o nome do evento como inválido. Em seguida, insira os códigos duplos. H, digitamos diretamente um código de recibo. Quero imprimir uma bomba de alerta. Alerta dentro do ss redondo, dentro do código único, porque já usamos o duplo cos. É por isso que precisamos usar códigos únicos. Quero digitar uma mensagem personalizada e a mensagem é place fail the name fail. Por favor, preencha o nome e eu vou configurar esse arquivo, e agora vou enviar esse pino sem preencher o campo do nome Primeiro, vou digitar algum texto Da em nossa seção de aula. Em seguida, vou selecionar um país Nepal e vou pressionar o botão enviar Mas se você perceber, pode ver que nosso campo de nome está em branco. Depois de pressionar o botão enviar, agora você pode ver minha caixa de alerta, ela é impressa, preencha o nome. Basicamente, nós o usamos com e-mail e números de telefone. Deixe-me te mostrar como. No começo, vou mudar o nível. Cite dois e-mails. E também vou mudar o tipo de entrada, que é e-mail. Em seguida, removerei esse campo obrigatório e também alterarei a mensagem de alerta. Digite, e-mail correto. Alguns substituem por, enter, C e mail. Vou configurar esse arquivo. Se eu digitar o endereço de e-mail errado e tentar enviar este arquivo, agora você pode vê-lo retornar esta mensagem, digitar o e-mail correto e também receber uma mensagem hábil do e-mail do ATE Inclua e envie-o neste endereço de e-mail. Tudo isso é muito importante a partir dos eventos que aprendemos neste tutorial. Isso é tudo para este tutorial. Obrigado por assistir a este vídeo, para o próximo tutorial. 86. JavaScript setInterval e clearInterval Tutorial: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com outro tutorial relacionado ao Javascript. Neste tutorial, aprenderemos o script Java, configuração e o intervalo de rasgo. Esses dois métodos são usados em animações em Javascript. Suponha que se você quiser animar qualquer elemento de outra forma, qualquer elemento dom, nesse caso, esse método é muito útil, que é um intervalo definido Escrever esse método é usar os dois parâmetros, um nome de função e ti. Você precisa colocar o tempo em V segundo. Esse segundo parâmetro funciona como um cronômetro. 1.000 V segundo igual a 1 segundo. Agora, vamos falar sobre a função. Como essa função funcionará com esse segundo parâmetro. Se eu passar mais uma vez, quero dizer que se eu passar 100 milissegundos, depois de 1 segundo, toda vez que ela chamar essa função, e o que quer que façamos nessa função, ela a executará Basicamente, quero dizer mais uma vez, toda vez que ele vai chamar essa função. Se você quiser ligar depois de 3 segundos, precisará passar 3 segundos. Se você quiser interromper essa animação em um determinado momento, nesse caso, temos outro método, que é o intervalo claro. Usando esse método, você pode interromper a animação a qualquer momento. Então, sem perder tempo, vamos tentar entender esse conceito na prática Como você pode ver, lado a lado, abro meu editor de código visa sto e meu irmão usando o Life Sever Extension, e eu já criei um nome de documento estel no Dot est, com isso eu crio um arquivo, um arquivo vasto, que é animação dot Por enquanto, nosso arquivo de elevação está em branco. Agora, se eu voltar ao ponto índice de uma lima de aço, aqui você pode ver, ele criará um elemento D. Basicamente, ele criou uma caixa quadrada, altura, 150 pixels de largura, também 150 pixels, e eu defino uma taxa de cor de fundo, e agora eu quero animar essa caixa quadrada Quero mover a caixa quadrada do lado direito para cima novamente. Para animar esse elemento quadrado, precisamos pular para esse arquivo JS com pontos de animação. Defina primeiro, vou chamar nossa matemática, que é o intervalo definido Definir intervalo é a primeira maneira de pressionar arredondar o nome da nossa função, e vou dizer o nome dessa função N. Com isso, quero definir um ty, 1.000 milissegundos, que é igual a 1 segundo Além disso, você precisa fornecer o ponto e vírgula e, em seguida, definir essa função me. Vamos criar a função. Primeiro, vou digitar a palavra da função Q e o nome da nossa função está em. F Eu vou mostrar como definir um método de intervenção funciona. Vou imprimir algo no meu console. Algum tipo de registro de pontos do console dentro do ss redondo, eu digito heal. Antes de configurar esse arquivo e executar o código, quero ligar meu console Na seção do console Spack. Se eu definir esse arquivo, como você pode ver na seção do meu console, se imprimir permitir um, dois, três está contando continuamente e imprimir permitir em meu conson É assim que se define a função integral. Por enquanto, não preciso desse log do console. Alguém para comentar isso e configurar esse arquivo novamente. Agora, e agora vou declarar uma variável fora da função, e nossa variável é aquela A. atribui 80, sele a n neste slide Então, dentro dessa função, vou incrementar uma variável e dez do tipo de som A igual a A mais dez Basicamente, defina o intervalo continuamente chamar uma função após 1 segundo e, toda vez que chamar a função, ele incrementará o valor A em dez Primeiro imprimirá dez, depois imprimirá 30, 40 e continuará. Agora, precisamos direcionar o elemento quadrado usando seu ID. Algum tipo de alvo igual a do me do dot get element by ID. Em seguida, dentro do recesso redondo. Vamos até o arquivo de índice e ver o nome do ID, e o nome do ID é taste. Copie o nome do ID e volte para o arquivo chase, e dentro do teste duplo, vou passar o nome do ID taste e semi para dez nesta linha Agora, preciso mover esse elemento usando Cs. Primeiro, vou selecionar nosso alvo. Ponto alvo, estilo Dot, e eu quero movê-lo para o lado direito. Vou adicionar uma margem na lateral do lábio. Digite margin Lip igual à nossa variável A e sele dois nesta linha. A cada segundo, aumentará a margem em dez. Basicamente, ele moverá nosso quadrado para o lado direito. Mas se eu definir esse arquivo, ele não vai funcionar. Você pode ter dúvidas: qual é o problema? Porque não fornecemos nenhuma unidade para essa propriedade de margem. Então, vou usar o sinal de concatenação e, no set, o único que vou passar pixel Vou usar a unidade de pixels. Se eu definir esse arquivo, como você pode ver, após cada 1 segundo, ele se moverá dez pixels para o lado direito e se moverá continuamente para o lado direito por até 1 segundo. É assim que podemos animar essa caixa quadrada. Por enquanto, vou comentar essa linha e configurar esse arquivo novamente para interromper a animação. Se você quiser aumentar a velocidade da animação, basta diminuir o valor do missegundo Suponha que se você passar dois menos de um segundo, elogiar essa linha e definir esse arquivo novamente, agora você poderá ver a velocidade da animação Isso aumenta nossa velocidade de animação. Quero comentar esta linha e configurar esse arquivo novamente. Por enquanto, eu gostaria de ir com 1 segundo. Vou digitar 1.000 milissegundos. Mas agora eu quero parar nossa animação. Em sua caixa, obtenha uma margem de 200 pixels. Basicamente, quero dizer que, quando nosso valor A se tornar 200, quero interromper a animação. Para isso, precisamos usar o método por intervalo. Deixe-me te mostrar. Mas antes de precisarmos usar a condição EP, se um local for igual a 200, então dentro da condição, eu vou fazer alguma coisa. Eu uso versos quadrados. Além disso, vou criar uma parte, dentro do conjunto quadrado, dentro da parte s, vou animar esta seção Eu copio esse. E eu devo isso dentro da condição. Eu também descomento esta linha. Então, dentro da condição P, agora precisamos parar essa animação usando um intervalo claro. Mas, para isso, precisamos converter o intervalo definido em intervalo claro. Vou armazenar esse intervalo definido em uma variável. Aqui está o tipo e o nome da nossa variável é, você pode usar qualquer nome Por enquanto, vou pegar a identidade. Agora precisamos chamar o método de intervalo claro. Intervalo P R e no recesso redondo para passar esse intervalo definido de valores Então eu vou passar. E sete gols para vencer essa linha Antes de configurar esse arquivo, vou aumentar a velocidade da animação. Vou passar de 100 milissegundos. Estou cozinhando esse arquivo. Depois de configurar esse arquivo, como você pode ver, até atingir margem de 200 pixels no lado esquerdo, ele para nossa caixa. Basicamente, animamos essa caixa, 200 pixels no lado direito Após o alcance, margem de 200 pixels no lado esquerdo. Nosso intervalo claro, pare esse intervalo definido. Aqui você pode animar qualquer propriedade de casos desta caixa. Se você quiser mudar a cor, se quiser estender a largura, sim, você pode. Deixe-me te mostrar como. Vamos animar o peso. Quero esquecer esta seção e comentar anteriormente. Vou mudar o estilo do alvo. Eu quero adicionar com. Quero alterar a propriedade de largura. W, e eu quero aumentá-lo para 200 pixels. Depois de atingir 200 pixels de largura , a animação será interrompida. Vamos configurar o arquivo, como você pode ver, depois de atingir 200 pixels de largura, ele interrompe nossa animação. É assim que o intervalo definido e o intervalo claro funcionam juntos. Basicamente, nós o usamos para fins de animação. Obrigado por assistir a este vídeo, aguarde o próximo tutorial. 87. Tutorial de JavaScript setTimeout e clearTimeout: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com outro tutorial relacionado ao javascript. Neste tutorial, aprenderemos sobre dois métodos, definir tempo limite e tempo limite. Usando essa função, podemos especificar a hora da animação. Esse método terá um total de dois parâmetros, nome da função e milissegundo Esse segundo valor, milissegundo, funciona como um cronômetro e você gosta de fornecer o valor S. 1.000 milissegundos duram 1 segundo. Basicamente, se passarmos 1 segundo aqui, depois de 1 segundo, ele chamará essa função. E ele executará essa função apenas por uma vez. Ian, ele vai realizar a animação apenas uma vez. Em nosso tutorial anterior, aprendemos sobre o intervalo definido. Usando a função de intervalo definido, podemos executar a animação repetidamente. Mas se eu usar esse método, podemos executar essa animação apenas por uma vez. Se você quiser interromper essa animação antes de começar, precisará usar esse método agora. Então, vamos começar a prática e ver como você pode usar esse mapa. Como você pode ver, lado a lado, abro meus vistos para seu co-editor e meu navegador usando a extensão de servidor Life, e eu já criei estel document name index dot e Com isso, aqui você pode ver, criamos um nome de arquivo de animação dot JS. Em nosso layout básico do ESTeML, criamos uma caixa com gosto de identificação Como você pode ver, aqui dizemos 150 pixels i e 150 pixels com. Agora eu quero estender o w depois de um certo tempo. Para isso, vamos usar o método set T out. Eu quero estender o com até 500 pixels. Vamos entrar no arquivo de animação de cães. Primeiro, vou degla a variável, esse ID. ID igual ao tempo limite definido. Como você sabe, esse método terá um total de dois parâmetros, a primeira função. Função F, vou pegar NE. E eu vou passar um giro de três segundos 3.000 milissegundos Agora vou definir essa função. Então, digitar a função ou o nome da função está em. Então, dentro do Caliss, princípio, vou imprimir algo no meu console Então digite console dot log dentro do ss redondo, dentro do duplo tes, eu vou digitar hello world. E Semgal vai nessa linha. Agora, antes de configurar esse arquivo e executar o scot, vamos abrir nosso console no console SPAC Como você pode ver, estamos na minha seção de console. Se eu definir esse arquivo, como você pode ver depois de três segundos, ele imprimirá uma palavra de saudação e, como você pode ver, imprimirá essa declaração apenas por uma vez. Não se repete. E agora eu quero estender o Did após três segundos. No começo, vou comentar essa linha. Não preciso dessa declaração do console. Então eu vou direcionar o teste d. Para isso, vou declarar uma variável, e nossa variável em é alvo Alvo igual ao elemento dot git do documento por ID Dentro da prensa redonda e dentro das aspas duplas, vou passar o valor, que é taste Então, seis dois nesta linha. Então eu quero aumentar o peso usando o método style dot with. Alguns tipos de pontos alvo estilizam o peso do ponto. Igual a eu quero aumentá-lo para 500 pixels, 500 pixels e definir dois nesta linha Agora, se eu definir esse arquivo, como você pode ver, até três segundos depois, ele aumentará o d desse elemento profundo. Basicamente, se usarmos o método set timeout, a animação será esgotada apenas por uma vez Agora eu quero parar essa animação antes que ela comece. Eu quero pará-lo antes de 3 segundos. Para isso, precisamos usar o método t time out. Para isso, precisamos voltar ao documento da Atmel, e aqui precisamos pegar um botão Aqui eu vou pegar um botão de etiqueta de botão. Dentro desse botão, vou digitar stop animation. Além disso, vou usar o nome do atributo no método gag on Nesse evento, vou chamar uma função, que é parar a animação, e vou usar essa abreviação de animação. E eu chamo de função. Agora vou definir essa função na página Joc. Função do tipo Hm, e nossa função s é animação. Então, disse que o Css, quando eu chamo essa função, limpará o tempo limite desse ID. Então eu vou chamar essa função, Pier e eu dissemos que a rodada ss passaria o i. E 72 nesta linha. Sou eu, a qualquer hora que dissermos isso, vai clarear o tempo. Por enquanto, vou aumentar o tempo. Vou fazer isso em 5.000 segundos. Agora vou configurar esse arquivo. Depois de usar esse arquivo, como você pode ver, temos um botão de parada abaixo da caixa. E depois de 5 segundos, ele executará a animação. Agora vou configurar esse arquivo novamente. Caso contrário, recarregue esse arquivo novamente. Desta vez, vou parar a animação. Vou clicar nesse botão de animação. Estou esperando cinco segundos e, em caso de adequação, após cinco segundos, ela não executa nossa animação Antes dos cinco segundos, eu paro esse botão. É assim que podemos usar os dois métodos juntos. Defina o tempo limite e o tempo livre. Obrigado por assistir a este vídeo, Stdute para o próximo tutorial 88. Tutorial de introdução de BOM em JavaScript: Olá, amigos. É bom ver você de volta. Mais uma vez, estou de volta com outro tutorial. Neste tutorial, vou apresentar a você o que é a bomba Java Script. O significado completo do modelo de objeto do Bombs Browser. Aqui eu falo sobre a janela do navegador. A bomba está relacionada à janela do navegador. Pode ser qualquer navegador, Firefox, Google Chrome, Microsoft Age, Apple Safari, caso contrário, opera Sem eles, existem muitos navegadores. Eu não mencionei o nome deles aqui. Esses são os navegadores mais populares. O Bomb está especialmente relacionado à janela do navegador, não à área da janela de visualização Não me importa o que acontece lá dentro. Se você quiser controlar a parte interna do seu navegador, então você deve aprender Dom. Em Java Script. Se você quiser fazer alguma programação relacionada ao navegador para isso, você precisa usar o objeto de janela. Se você quiser manipular seu navegador, existem muitos objetos de janela relacionados ao método Vamos ver, o que podemos fazer com o objeto de janela? Usando um objeto de janela, podemos obter a largura do nosso navegador. Usando esse objeto, podemos abrir a janela do navegador e também podemos fechar a janela do navegador. Além disso, podemos redimensionar e mover a janela do nosso navegador. Aqui, não vamos usar o cursor para redimensionar nosso navegador Temos alguns métodos básicos de objetos de janela e, usando esses métodos, podemos redimensionar e colocar nossa janela em qualquer lugar da tela Além disso, podemos rolar a janela do navegador sem usar o cursor. Com isso, usando o objeto window, podemos obter o protocolo de nome de host URL da janela do nosso navegador. Além disso, podemos obter o histórico da janela do navegador. Histórico significa que aqui você pode ver a opção para trás e para frente Se você quiser retroceder, podemos usar o objeto de janela Além disso, se você quiser avançar, também podemos usar o objeto de janela. Em nossa futura futúria, aprenderemos tudo sobre isso, um por um Não perca os vídeos interessantes. Obrigado por assistir a este vídeo, Sten. 89. Tutorial de altura e largura da janela em JavaScript: Olá, amigos. É bom ver você de volta. Mais uma vez, estou de volta com outro tutorial relacionado à bomba de scripts Java. Neste tutorial, aprenderemos como podemos obter a altura e o peso da janela. Aqui você pode ver a janela do navegador. Para obter a altura e o peso da janela, temos um total de quatro métodos. Esses métodos são altura interna, largura interna, altura externa e erva daninha externa. Agora, vamos tentar entender o que é altura interna e o que é altura externa. Essa é a altura interna, que contém a área da área de visão, e essa é a altura externa. Essa é a altura do navegador real. Lembre-se de uma coisa: a altura externa não conta as barras de ferramentas Agora, vamos falar sobre largura externa e w interna. Essa é a área de largura interna e não conta a seção da ala escolar. Da mesma forma, temos o w externo e ele conta a seção da barra de rolagem. No exterior, também contamos a área de fronteira. Eu disse algo errado. Além disso, na parte externa, não contamos a área da barra de rolagem. Ele conta a área da borda da espátula. Sem perder seu tempo variável, vamos começar a praticar. Como de costume, lado a lado, abro meu editor de código do Visit Studio e meu navegador usando a extensão Light Server, e já crio um documento ESTiml chamado tabela de pontos de índice Dentro dessa página EstiML de pontos de índice, temos a tag body e, dentro da tag body, já digitamos a tag script Então, primeiro, dentro da tag do script, vou pegar uma variável, e o nome da nossa variável é altura interna. Para isso, vou digitar a altura I. Altura interna igual à altura interna do ponto d. Em seguida, vou para esta linha. Agora eu quero imprimir esse valor no meu console. Para isso, vou digitar console dot log console dot log is the round res is ou nome da variável. Em altura. Então Sebagr entra nesta linha Da mesma forma, vou medir a altura externa. Vou criar outra variável e o nome da nossa variável é altura externa, ou altura. Por altura igual à altura externa do ponto da janela. Em seguida, vá até esta linha e eu vou configurar esse arquivo Então, novamente, vou imprimir essa variável no meu console. Vou digitar o log de pontos do console , é redondo, pressione a altura externa e Sebeg para finalizar esta linha Vou configurar esse arquivo. Se eu mostrar meu console, deixe-me mostrar, então vou escrever , clique no meu navegador e quero clicar na seção inspecionar. Aqui no console, ele imprime a altura interna, 767, e nossa altura externa, Mas se eu reduzir a altura da janela de visualização, o que acontecerá? Vou aumentar a altura da seção do console e relacionar o navegador novamente. Agora você pode ver que nossa altura interna é 303, mas nossa altura externa permanece 1 a 47 Como eu disse, a altura interna sempre conta a altura real da janela de visualização Mas na altura externa, conte toda a altura do navegador. Deste ponto até este ponto é a área de altura interna, e deste ponto até este ponto é a área de altura externa. Agora, altere a área de altura externa. Vou calcular o raio da altura de todo o navegador e depois carregar o navegador Agora você pode ver que nossa altura externa é 854. Como você pode ver, toda vez que precisamos reprimir o navegador para ver o valor da altura interna e da altura externa Para resolver isso, vou ligar para o evento recs. Vou chamar o evento com nossa etiqueta corporal. H para digitar um reside. Sobre redimensionar e nosso nome de função, e nosso nome de função é função precisa. Função de redimensionamento. Aqui eu chamo uma função chamada função precisa, e agora preciso criar a função Aqui, digite a função e o nome da nossa função é função de resis Eu copio o nome e colo aqui. E dentro do vestido encaracolado, vou mover esse código e definir esse arquivo Depois de configurar este arquivo, você pode ver no meu console, que ele é impresso sem graça Mas se eu aumentar a altura do navegador, agora você pode vê-lo imprimir a altura interna e a altura externa, o navegador, e não precisamos atualizar nosso navegador para imprimi-lo Sempre que eu aumento a altura do navegador, ele a imprime. Agora, a altura interna é 295 e as alturas externas, um e 37 Da mesma forma, podemos imprimir largura interna e a largura externa. Então, vou duplicar essa linha e comentar a anterior Aqui vou empatar primeiro, aqui vou mudar a variável n, que é a erva daninha interna. largura interna igual à via interna é igual ao ponto da janela, a largura interna. Em seguida, console a impressão interna do logotipo. Da mesma forma, vou imprimir a largura externa. Então, ele tipo outter wi. Deslize para fora e, em seguida, imprima o registro do console, com o externo. Se eu definir esse arquivo, agora você pode ver no meu console que ele é impresso sem graça Mas se eu aumentar a largura do navegador, o que aconteceu? Depois de aumentar a largura do navegador, você pode ver no meu console, ele imprime a largura interna, 720, a largura externa, 916 Se eu aumentar um pouco o navegador, como você pode ver, imprimo a largura interna 823 e a largura externa 1045 É assim que podemos obter altura interna, largura interna, altura externa e largura externa. Obrigado por assistir a este vídeo, fique ligado nos próximos dois 90. Método de janela JavaScript aberto e fechado aprimorado 90p: É bom ver vocês de volta, pessoal. Mais uma vez, estou de volta com outra bomba de Javascript relacionada ao Tutorial. Neste tutorial, aprenderemos o método Java script open window e closed window. Aqui você pode ver uma janela, e ela é a Janela A. Agora eu quero abrir outra janela usando essa janela. Quero criar a janela B usando uma janela. Para isso, o Javascript veio com um método especial. Que é um método aberto. Para usar o método aberto, podemos usar o botão, caso contrário, qualquer vazamento Além disso, você pode usar qualquer imagem clicável. Da mesma forma, se você quiser fechar a janela B usando a Janela A para isso, precisamos usar outro método especial. Que é um método próximo. Vamos ver qual é a sintaxe do método aberto? Aqui você pode ver uma declaração para abrir a janela. Primeiro, precisamos digitar o nome do objeto, que é indo. Em seguida, precisamos usar o método, e o nome do nosso método é open window dot open. Em seguida, no set the ses, aqui precisamos passar para três parâmetros, URL, nome e espaço. Basicamente, esses parâmetros são opcionais. Se você não usar esses três parâmetros , abrirá uma janela em branco. Vamos falar sobre nosso primeiro parâmetro, que é URL, e uma forma completa de URL é localizador uniforme de recursos Aqui precisamos passar o nome de domínio do site. Primeiro, precisamos passar o protocolo. STTP, caso contrário, STPs. Em seguida, clique em W ou no nome do site. Depois vem nosso segundo parâmetro, que é nome. Também é um parâmetro opcional. Se você quiser dar um nome à sua janela, poderá usá-la. No nosso caso, primeira janela. Caso contrário, você pode usar alguns parâmetros predefinidos. Assim como sublinhado em branco, sublinhado pai, sublinhado silt e sublinhado Se você quiser criar uma janela externa, poderá usar esse parâmetro, sublinhado em branco Se você usar sublinhado principal, ele substituirá a janela existente e, em seguida, virá a célula de sublinhado Usamos o parâmetro sell, onde usamos quadros i. Se você quiser abrir este site em um iframe específico, poderá usá-lo O último parâmetro é o sublinhado Tk. Usamos esse parâmetro quando criamos nosso site em um quadro Atualmente, ninguém cria um site em frames nele. O parâmetro popular está em Scope bland. Na maioria das vezes, usamos esse parâmetro. Agora, vamos falar sobre um último parâmetro, que é a especificação. É a especificação principal. Ele vem com algumas rodas pré-definidas, como altura, esquerda Usando altura e largura, você pode definir o tamanho da janela. Usando a esquerda e a parte superior, você pode definir a posição. Por que você quer abrir a janela na tela? Sem isso, as especificações vêm com algumas propriedades extras, mas elas não são necessárias agora. Vamos começar a prática e ver como podemos usá-la. Finalmente, estamos no meu editor de código do Vis Studio. Como você pode ver, lado a lado, abro meu editor de código Vs Sudio e meu navegador usando a extensão de servidor Light, e já crio um ponto de índice do nome do documento St em Primeiro, vou criar uma tag de botão dentro da nossa tag body. Botão. O nome inferior é Open Hindu. E dentro dessa etiqueta de botão, vou chamar a função. E o nome da nossa função é janela aberta. E eu vou configurar esse arquivo. Agora você pode ver no meu navegador criamos com sucesso um botão chamado Abrir janela. Se eu clicar nesse botão, ele chamará a função Abrir janela. Agora, ao definir a tag do script, vou criar a função Abrir janela. Eu copio o nome da função e defino a tag de script Ham type function. Função e nosso nome de função é Openindo. Em seguida, defino as chamadas, H, devo usar o método de abertura de janela. Janela do tipo Hermo, ponto aberto e seminário para nesta linha. Vou configurar esse arquivo novamente. Como você pode ver neste método, aqui eu não passo nenhum parâmetro. Agora, se eu clicar nesse botão de abrir janela, você pode ver no meu navegador que ele abre automaticamente uma janela em branco. Isso cria uma nova guia e eu vou fechar essa guia. Toda vez que ele cria uma nova guia em branco. Agora eu quero passar nosso primeiro parâmetro. Quero abrir um site em nossa guia. Aqui dentro do código duplo. Primeiro, precisamos digitar o nome do protocolo, que é HTTPs. Coloque dois caracteres no nome do seu site, w google.com. Agora vamos configurar o arquivo e clicar nesse botão. Depois de pressionar o botão Abrir janela, como você pode ver, ele abre um novo tipo e redireciona para google.com Agora, vamos falar sobre nosso segundo parâmetro, que é Nome. Aqui eu passo um coma e, dentro do curso duplo, vou passar um nome e o nome é apenas Google. O nome físico é um parâmetro opcional. Se eu definir esse arquivo e clicar em abrir janela, como você pode ver, como você pode ver crie um novo tipo e redirecione para world.com Mas isso não muda nada. O nome do título veio do site real. Além disso, aqui podemos usar alguns valores predefinidos, como sublinhado preto É um padrão. Se eu definir este e pressionar o botão Abrir janela, Hc criará uma nova janela Mas se eu usar outro parâmetro predefinido, que é pai, sublinhe Se eu definir este arquivo e pressionar o botão abrir a janela e pressionar este botão, aqui você poderá vê-lo redirecionando o site na mesma página Isso não cria nenhuma nova janela. Sem isso, temos duas rodas, a própria e a parte superior. Aqui eu não vou usar essas rodas. Se você trabalha com molduras em y , pode usar a vontade própria. Agora, vamos falar sobre nosso terceiro parâmetro. Mas antes de remover o segundo parâmetro, aqui vou passar em branco. Porque no outono, toda vez que ele criará uma nova janela. Agora, vamos falar sobre nosso terceiro parâmetro, que é a especificação. Sprocma, no dole cos, primeiro, vou especificar a largura do navegador W igual a 500 pixels. Então, agora, precisamos especificar a altura, altura igual a 200 pixels. Lembre-se de que essas propriedades sempre aceitam o valor do pixel, não o valor percentual ou O EM. Depois de configurar o arquivo, se eu elogiar o botão de abrir janela, agora você pode ver o canto esquerdo da tela, ele abre uma nova janela com 200 pixels de altura e 500 pixels de espessura. Aqui, ele cria uma janela separada com altura e peso específicos, e você pode arrastar e soltar a janela em qualquer lugar. Além disso, você pode redimensionar a janela. Na especificação, temos dois outros valores. Esquerda e superior. Deixe-me mostrar como você pode usá-lo. Usando o valor esquerdo e superior, você pode definir uma margem para sua janela. Deixe-me mostrar como usar, digite a primeira quantidade restante Esquerda igual a 300 pixels. Coma e de cima, eu quero 200 pixels, topo igual a 200 pixels. Vou configurar esse arquivo. Se eu pressionar o botão Abrir janela, agora você poderá vê-lo abrir uma nova janela Mas diz margem de 300 pixels do lado esquerdo e margem de 200 pixels do lado superior. Esse valor preditivo pode abrir sua janela exatamente onde você quiser Já aprendemos como abrir uma janela. Agora vamos aprender como podemos fechar nossa janela a partir de uma janela existente. Para isso, vou criar outro botão. Se chegarmos a essa linha e eu verificar, vou mudar o nome da função, que é fechar janela. Além disso, vou criar uma função para fechar a janela. Função e nosso nome de função, fecham a janela. Eu copio o nome e quero colá-lo aqui. Como eu disse, no recesso redondo, precisamos usar o método de fechar janela Mas antes precisamos declarar uma variável, e o nome da nossa variável é M window Isso é para acabar com essa linha. Usando essa variável, vamos vincular isso ao metil. Ela digita minha janela igual à função de janela aberta, e ele configura a função de janela fechada, ele digita Minha função de janela fechada. Um semicícone nesta linha, e eu vou definir esse arquivo Agora você pode ver no meu navegador, temos um total de dois botões diferentes. Janela aberta e janela fechada. Antes de executar esse código, quero te dizer uma coisa. No navegador Chrome, a função de fechamento não termina. É por isso que vou executar esse código no navegador Firefox. Alguns abrem meu navegador Firefox. Como você pode ver, eu já abri esse arquivo, índice. Se eu pressionar o botão abrir janela, como você pode ver, ele abrirá nossa janela na posição especificada com a altura especificada e especifica a asa Se eu chamar a função fechada usando o botão de janela fechada, agora você pode vê-la fechar nossa guia. É assim que podemos usar o Matho aberto e fechado. Obrigado por assistir a este vídeo, fique ligado no nosso próximo tutorial 91. Janela de JavaScript moveBy e tutorial moveTo aprimorado 90p: Novamente, estou de volta com um tutorial adicional relacionado ao Java SkyTo. Neste tutorial, aprenderemos window op by e op to pathos Aqui você pode ver na tela que temos um nome de janela A. Usando essa janela, eu abro outra janela, que é B, e já aprendemos sobre o método aberto em nosso tutorial anterior Com isso, também aprendemos sobre as especificações. Como eu disse em nosso tutorial anterior, se não passarmos o valor esquerdo e superior, no outono abriremos nossa janela no canto esquerdo Mas podemos especificar a posição da janela usando o valor esquerdo e superior. Mas agora, depois de criar a janela B, eu quero mover a janela. Eu quero mover a janela da janela A, não da janela B. Para isso, temos dois métodos, mover por e mover. Ambos os métodos fazem o mesmo trabalho, mas há uma pequena diferença. Então, sem perder seu tempo, vamos estudar a prática e ver como podemos usá-la melhor de tudo é que abro meu editor de código do Visual Studio e meu navegador usando a extensão Lib Server e abro meu documento anterior Em nosso tutorial anterior, aprenderemos como podemos abrir uma janela em uma posição especificada com altura e altura especificadas. Primeiro, vou criar outro botão. Pegamos o botão e eu vou mudar o nome do botão, que é janela. Mover janela. Além disso, vou mudar o nome da função. Abra a janela dois. Mover janela. Depois de definir o arquivo, como você pode ver, agora aperte o botão P, abra a janela e mova a janela, e então vou remover a propriedade esquerda e superior porque quero colocá-la na posição padrão, ou seja, no canto esquerdo. Agora precisamos criar a função de mover janela. Eu copio o nome da função e a função do tipo bainha, e o nome da nossa função é mover janela. Em seguida, nos casos, primeiro, vou usar o método L two. Hm, digite minha janela, ponto, mova dois. Em seguida, eles se despem após dois pais. Precisamos especificar a posição. Ouça as duas últimas, à esquerda e à direita. Para xx, vou pegar 100 e para y x, também vou pegar 100. E alguém vai fazer isso nessa linha, e eu vou configurar esse arquivo novamente. Agora, vamos definir o código e tentar abrir a janela. Como você pode ver no botão de abertura da janela, ele exibirá uma nova janela na posição padrão Se eu pressionar o botão mover janela , não vai funcionar. Deixe-me te mostrar. Aqui eu pressiono o botão mover a janela. Como você pode ver os aplicativos, mova o botão de vento, ele não mova nossa janela em uma posição específica. Se eu mostrar minha seção de console no console do Spa, ele verá uma seta. Porque se redirecionarmos para o site de outra pessoa, não poderemos mover a janela Então, não podemos controlar a janela. Os navegadores não têm permissão para fazer isso. Mas se eu remover o URL, o que acontece? Aqui, vou passar um valor bancário para nosso primeiro parâmetro. Eu o removo. E defina o arquivo novamente. Agora, novamente, vou pressionar o botão de abrir janela. Ele abriu nossa janela, e agora eu quero mover a janela. Se eu pressionar o botão mover janela, agora vejo que ele move nossa janela perfeitamente Agora estamos em nosso próprio site. É por isso que podemos controlar a janela do navegador. Agora, o problema é que depois de mover a janela, perdemos o foco dessa janela. Agora, o foco está nessa janela. Agora eu quero depois de mover a janela, eu quero focar a janela. Para isso, precisamos usar outro método, que é o foco. Meu método de foco de pontos na janela. E então semicone para finalizar a linha. Vou configurar esse arquivo novamente. Mais uma vez, vou abrir outra janela. Depois, abra o botão da janela, como você pode ver, ele cria uma janela. Se eu pressionar o botão de mover a janela, agora você pode ver, agora ele redireciona o foco para essa janela Agora, o que? Se eu especificar a posição exata quando abrirmos a janela, deixe-me mostrar a você. Aqui estou para passar e aumentar o valor mais uma vez. Seja igual a 300 pixels. Parte superior igual a 300 pixels. Agora, vamos abrir a janela novamente. Então, para pressionar o botão de abertura da janela. Agora você pode vê-lo abrir nossa janela na posição especificada. Do lado esquerdo, são necessários 300 pixels. Do topo, também são necessários 300 pixels. Se pressionarmos o botão mover janela, ele moverá nossa janela para a posição exata especificada. Agora, vamos falar sobre outra função, que é mover por. Vou duplicar esta linha e comentar a anterior E o Harmo usa o método move by. Siga em frente. M a função se move sobre a janela de acordo com a tela. Mas mova por função mova a janela acordo com a posição relativa. Deixe-me te mostrar o que. Então, preceite este arquivo. Se eu abrir o botão da janela, como você pode ver, ele abrirá nossa janela na posição especificada. Mas se eu colocar o botão mover janela, agora você pode ver, ele move nossa janela da posição relativa. A partir dessa posição, ele se move 100 pixels no final, também a partir do topo. Este é o uso das funções move by e mop two. Só uma coisa que você precisa lembrar. Vá para o trabalho funcional a partir da posição absoluta e mova para o trabalho funcional a partir da posição relativa. Essa é a diferença básica entre duas funções. Obrigado por assistir a este vídeo, diga até mesmo para nossos próximos. 92. JavaScript resizeBy e resizeTo Tutorial aprimorado 90p: Nós, vocês apoiam, pessoal. Mais uma vez, estou de volta com outro tutorial relacionado à bomba antiderrapante Java Neste tutorial, aprenderemos dois outros métodos. Ferramenta de redimensionamento e redimensionamento. Aqui você pode ver um navegador que fazemos. Quando abrimos a janela, especificamos um tamanho, cem por 100 pixels. Agora você quer redimensionar este navegador sem arrastar e desenhar Além disso, você deseja especificar o couro e o peso. Para esse tipo de redimensionamento, temos dois métodos em um script, resis y e recess Com o descanso do seu tempo, vamos começar a prática e ver, o que é isso Como de costume, lado a lado, abro meu editor de código ss to go e meu navegador usando a extensão L Server e abro o nome do documento de estimativa anterior Index dot At Se eu elogiar, abra o botão Winder, como você pode ver, ele cria uma nova janela, e já especificamos o peso para essa janela com 500 e a altura essa janela com 500 e Agora eu quero redimensionar essa janela sem arrastar. Para isso, primeiro, precisamos pegar um botão. Vou replicar essa linha e vou mudar o nome da função Vou substituir o redimensionamento open w. O nome da nossa função é redimensionar janela. Também precisamos alterar o botão fixo, redimensionar a janela. Agora precisamos definir a função em nossa tag de script. Eu lido com o nome da função e a função do tipo mo, e o nome da nossa função é uma janela precisa Então, dentro do carro, precisamos digitar o ponto da minha janela ou o nome do método, que é redimensionar dois E aqui precisamos passar o d, e eu vou dizer aumentar a largura, 400 por 400, 400 coma, 400 e Sem dois nesta linha Vamos configurar o arquivo. Aqui você pode ver os dois botões. Então, vou pressionar o botão de abrir janela. Agora eu quero abrir essa janela. Então, vou pressionar o botão de redimensionamento da janela. Depois de pré-redimensionar a janela, você pode ver o resultado. Eu mudo para altura e. Este é o uso do método do recesso dois. Vamos ver nosso segundo método, que é embutido i. Primeiro, vou duplicar essa linha e comentar a anterior E vou substituir o recesso dois pelo recesso bissexual. Agora a questão é: qual é a diferença entre o método do recesso i e do recesso dois Se usarmos o método de recesso, isso aumentará o peso de altura existente Aqui você pode ver que, quando abrimos nossa janela, definimos a altura de 200 pixels. E se usarmos a função redimensionável, ela aumentará a altura com a altura existente Vai adicionar 400 com 200. Da mesma forma, ele adicionará 400 com 500. Deixe-me te mostrar. Então, ao definir esse arquivo, eu vou abrir a janela. Agora você pode ver que a altura da nossa janela é de 200 pixels, W é de 500 pixels. Mas se eu pressionar a janela de recesso, agora a altura da aba é 600 pixels e a aba é 900 pixels método de recesso funciona com o valor existente e o recesso de duas metanfetaminas, mas recesso dois Essa é a diferença entre recesso y e do recesso dois Obrigado por assistir a este vídeo, fique ligado na nossa próxima biografia. 93. JavaScript scrollBy e scrollTo Tutorial aprimorado 90p: É bom ver vocês. Mais uma vez, estou de volta com outro tutorial relacionado à bomba Java Skip Neste tutorial, aprenderemos o método de pontuação por pontuação e rolagem em dois. E você pode ver uma janela do navegador na tela. Além disso, você pode ver a barra de rolagem de partículas e a barra de rolagem horizontal Agora, você quer rolar a janela sem tocar na barra de rolagem Para essa etapa do Java, introduza o método especial. Role até e role dois. Antes de estudar na prática, precisamos entender os vários tipos de barras de pontuação que temos em nosso navegador. Como eu disse, colocamos dois tipos de barra de pontuação, vertical e horizontal. Se você quiser manipular a pontuação vertical, precisará passar o valor y x. Se você quiser manipular a pontuação horizontal para isso, você precisa usar x x. Se você quiser mover a barra de pontuação para cima, você precisa passar menos y x V. Se você quiser movê-la para baixo, então, por padrão, você precisa Você não precisa mencionar mais. Da mesma forma, na barra de pontuação horizontal, se você quiser se mover para o lado B, precisará passar menos Se você quiser mover a barra de pontuação para o lado direito, você precisa passar mais V. Vamos começar a prática e ver como podemos usar a rolagem dois e a rolagem pelo método. Como você pode ver lado a lado, abro meus vistos no seu editor de código e meu navegador usando a extensão Live Server e já crio um documento estável chamado Index door Como você pode ver dentro da etiqueta corporal, temos uma piada de cabeçalho Agora eu quero usar a barra de rolagem. Para isso, vou adicionar um parágrafo, um parágrafo grande. Aqui eu vou usar a tag P. E dentro da tag sp, vou digitar Blue em 2000. Aqui vou acrescentar que um parágrafo de 2000 palavras é enorme. Vou configurar esse arquivo. Aqui você pode ver um pássaro rolante em nosso navegador. Agora precisamos adicionar um botão abaixo da tag do título. Ele digita um botão. Aqui vou digitar uma legenda e digitar janela de rolagem Com isso, vou chamar uma função com evento de clique. Hm, digite um clique na argila. Clique em, e nossos nomes de funções, rolem a janela. Vou copiar o nome da função. Em vez da tag, vou definir a função. Janela rolada da função e de nossos nomes de funções. Em seguida, veja o tipo scss Ham, Window wind dot, aqui vou usar o método scrolled by Dentro do ss longo, vou passar por dois parâmetros. Por enquanto, eu não quero passar x x. Eu passo zero. Para y xs, quero rolar para baixo até o tipo de célula, então passo 40 e, em seguida, envio duas nesta linha E eu vou configurar esse arquivo. Depois de inserir o arquivo, você pode ver o botão da janela de rolagem. Como você pode ver, nossa barra de pontuação está no topo. Mas se eu pressionar o botão da janela de pontuação, você poderá vê-lo se mover 40 pixels para baixo. Se eu pressionar novamente, novamente, ele descerá 40 pixels. Mas agora eu quero rolar para cima. Para isso, aqui precisa passar menos do que fazer. Eu passo -40 e defino esse arquivo. Depois de rolar a janela, como você pode ver, ela move nossa barra de pontuação para cima. Aqui trabalhamos bem com a pontuação vertical. Vamos trabalhar bem com a pontuação horizontal. Para isso, precisamos dar uma olhada profunda. Aqui, digite profundamente. Vou mover esse parágrafo para dentro dessa aba profunda. Eu recortei este parágrafo e o coloquei dentro dessa aba profunda. Agora vou usar o atributo de estilo no estilo Panagra e vou usar com propriedade Nós atingimos o pixel Hen. Eu percebo esse arquivo, você pode ver o resultado. Aqui, você pode ver uma barra de rolagem horizontal em nosso navegador e agora vou pagar com o valor x x. Vou fazer com que y x valha zero. Em x x zero, aqui eu vou passar 100. Depois de configurar este arquivo, se eu pressionar a janela de rolagem, você pode ver que, depois de pressionar o botão da janela, ele rola para fora do navegador 100 pixels na direção x x. Se eu usar o valor negativo aqui e definir esse arquivo, e depois novamente, pressiono esse botão Agora você pode ver, ele move o parágrafo na direção oposta. É assim que podemos usar o valor x x e y xs. Agora, vamos falar sobre a propriedade scroll two. Então, seja essa linha e comente a anterior. Aqui, vou mudar a rolagem por rolagem. E eu vou configurar esse arquivo. Além disso, vou alterar o d, zero em x xs e zero em y x, e definir esse arquivo. Antes de pressionar o botão da janela de pontuação, vou mover para baixo ou para a barra de pontuação. Se eu pressionar o botão da janela de pontuação agora, como você pode ver, ele volta à posição padrão. Desculpe, eu não é a posição padrão. Porque o conjunto de Harrow x x é zero e y x é zero. É por isso que voltou à posição inicial. Da mesma forma para a barra de pontuação horizontal. Se eu movê-lo um pouco e depois pressionar este botão , você pode voltar para a posição anterior Role por trabalho relativamente e role para funcionar de forma absoluta. Essa é a diferença entre método scroll by e scroll to. Obrigado por assistir a este vídeo, Stdune nos próximos dois. 94. Tutorial de objeto de localização em JavaScript aprimorado 90p: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com outra bomba Java Streep relacionada ao Tutorial bomba Java Streep relacionada ao Neste tutorial, vamos aprender o objeto de localização Java Streep Aqui você pode ver o navegador na tela. Como você sabe, essa é a barra de URL desse navegador. Caso contrário, podemos chamá-la de barra de localização. Se você quiser obter qualquer tipo de valor deles para isso, você precisa usar o objeto de localização. Usando a ajuda de algumas propriedades especiais, podemos obter os valores. Temos um total de 19 propriedades e alguns métodos. Vamos aprender tudo isso um por um. Vamos começar a prática e ver como podemos obter valores da barra de URL com a ajuda dessas propriedades. Como de costume, lado a lado, abro meu editor de código Visa Studio e meu navegador usando a extensão de servidor Light, e já crio um documento ESTil chamado index dot HTML E agora vamos praticar propriedades do objeto de localização, uma por uma. Aqui você pode ver a barra de localização. Além disso, você pode ver uma coisa especial, que é um endereço IP, porque executamos nosso arquivo estim a partir do servidor ativo Se você abrir o arquivo no servidor Locals, caso contrário, em qualquer servidor online, poderá usar essas propriedades Agora, vamos abrir o console e experimentar o objeto de localização. registro de pontos do console tipo Hm O registro de pontos do console está no local redondo de Bress Localização do tipo Amo. Se eu pressionar enter. Agora, se eu abrir a seção suspensa, aqui você pode ver o nome de todas as propriedades do objeto de localização, tem nome do host, HDF, origem, nome do caminho, porta, etc Além disso, você pode ver os valores. Lembre-se de que você só pode obter o resultado ao executar o arquivo no servidor. Agora, vamos executar o mesmo comando no google.com. Em outro tipo, eu já abro o google.com. Aqui, também vou abrir meu console. Vou digitar o log de pontos do console dentro do local das prensas redondas E Semg dois nesta linha. Se eu pressionar enter e abrir a seção suspensa. Agora você pode ver o tipo similar de dados fornecido pelo google.com Aqui você pode ver o nome do host e o mesmo nome do host. Além disso, você pode ver o caminho e a origem, e o protocolo é STTP S. Como você sabe, S significa SQ Se eu mostrar meus dados do servidor local, como você pode ver, o protocolo é HTTP. Quero dizer, não é um site seguro. Esse é o tópico diferente. Agora, uma por uma, quero pegar todas as rodas. Para isso, precisamos usar todas as propriedades de localização. Vamos ver como podemos obtê-lo. Primeiro, quero retornar o nome do host do nosso servidor local. Para isso, precisamos amarrar o registro de pontos do console no recesso redondo Primeiro, precisamos chamar o objeto de localização. ponto de localização e o nome da nossa propriedade, e o nome da nossa propriedade é host. E sem dois nesta linha. Se eu pressionar enter, como você pode ver, ele escreveu o host pe. Ele escreveu o endereço IP. Se você digitar o mesmo comando para a página CO, deixe-me mostrar o código Sound pass e pressione enter, agora você pode ver, retorne o nome do host ww google.com Como você sabe, nosso arquivo index dot atm executado no servidor host local É por isso que ele escreveu o endereço IP. Mas o google.com é executado a partir do servidor on-line. Como você sabe, esse endereço IP está vinculado ao domínio. É por isso que escreveu o nome do domínio. Da mesma forma, se você quiser retornar o nome do host, deixe-me mostrar o nome do host do ponto de localização. E execute o código. Com o mesmo resultado. Mas se você executar o mesmo comando no servidor Loco, deixe-me mostrar o nome do host do ponto de localização E então calcule a pontuação. Agora você pode ver que é o único endereço IP. Mas no host, ele também retorna o número da porta. Agora eu quero retornar a URL completa do site. Para isso, precisamos usar o RDF. Pague o code.cation do RDF. Se eu pressionar enter, você poderá ver o resultado. Ele retorna o protocolo, o nome do servidor, IP do servidor, caso contrário, o nome do domínio e o arquivo que abrimos. Só é preciso lembrar que a propriedade HRD retorna o nome da página com o nome do host Agora, vamos falar sobre outra propriedade que é piscina. Então, para executar o pool de comando e localização. Novamente, vou executar esse comando e digitar location pot. Se eu executar esse código, você pode vê-lo retornar o número da porta, que é 5.500 Você pode ver o mesmo nome de porta na barra de URL. Depois do endereço IP, Colon 5.500. E da mesma forma, se retornarmos o protocolo, deixe-me mostrar o protocolo de localização do log de pontos Cs. E execute a pontuação, você pode ver triton HTTP. Se eu executar o mesmo código na página google.com, copie o comando e, se eu executar a pontuação aqui, agora você poderá ver o protocolo HTTP do triton Agora, vamos estocar outra propriedade, que tem. Pois, em nossa barra de UDL, depois da barra, vou usar has second Se eu pressionar enter, como você pode ver, é errado, porque hash não está disponível, é por isso que está Mas se eu executar este comando, deixe-me mostrar que a localização do log de pontos do console tem Depois de pressionar enter, como você pode ver, está escrito em segundo, segundo. Agora, vamos falar sobre outra propriedade, que é a pesquisa. Para isso, vou entrar na guia do Google. Primeiro, vou pesquisar alguma imagem. No meu console, vou executar um comando, Console location Search. Se você quiser retornar o valor da pesquisa do URL ou outro, você pode usar esse comando. Ativado para digitar a pesquisa por pontos de localização. Se eu pressionar enter, como você pode ver, são imagens escritas. Aqui, pesquisamos imagens e os outros dados são adicionados pela célula do Google. Além disso, você pode ver o quadrado de pesquisa da célula em nossa barra de URL. Pesquise imagens. Na maioria das vezes, usamos esse comando quando você trabalha com uma linguagem do lado do servidor, como PHB. Aprendemos como podemos obter o valor do URL. Não nisso, também podemos definir os valores. Deixe-me te mostrar. Estou de volta à página Index dot est e aqui vou digitar Location RDF Agora eu quero definir um nome de domínio. Para isso, quando digitar igual a, defina os códigos duplos, primeiro digite o protocolo e H eu vou usar STDPS Colin o nome do domínio WWW e, em seguida, defina como N nesta Agora, se eu definir esse arquivo e reprimir essa página EstiML de pontos de índice, deixe-me mostrar como você pode ver em vermelho dois google.com Você já aprendeu sobre como podemos usar essa propriedade para definir valor e obter valor. Agora, vamos falar sobre os métodos de objetos de localização, são Atribuir, recarregar e substituir Se você quiser definir um novo valor nessa barra D, para isso, você pode usar o método Assign. Se você quiser substituir sua página por isso, você pode usar a leitura. O último é o substituto. Também é muito semelhante ao método Atribuído. Mas há uma pequena diferença entre eles. Deixe-me te mostrar. Aqui você pode ver que você já criou um clique no nome do botão. E também adicionamos o evento. E você pode ver a função clicar. Nesta função, primeiro, vou usar o método location dot reload Recarregar. Se eu definir esse arquivo e depois clicar nesse botão, toda vez que você puder ver na minha guerra de URLs, ele removerá meu navegador Agora, quero atribuir um novo valor à nossa guerra de URLs. Para isso, precisamos usar o método de atribuição, atribuição de localização. Dentro dos rounders, precisamos fornecer o nome do domínio. Primeiro, precisamos vincular o protocolo HTTPS. Colon WW Depois de configurar esse arquivo, se eu clicar nesse botão, agora você pode ver que está vermelho dois google.com Esse é o uso do método atribuído. Agora, vamos falar sobre nosso último método, que é o lugar. Eu queria escolher esta linha e comentar a anterior. Aqui, vou amarrar a localização. Esse método também funciona como método atribuído, mas removeu o histórico. Deixe-me te mostrar. No curso duplo, vou digitar o mesmo site, google.com Depois de inserir o arquivo, vou clicar no botão. Agora você pode vê-lo lido em gole.com. Mas se você focar na minha seção de setas, como você pode ver, na nossa seta para a esquerda, não temos nenhuma opção de voltar atrás porque ela removeu o histórico. Espero que o objeto de localização esteja claro para você. Obrigado por assistir a este vídeo, Ste. 95. Tutorial de objeto de história em JavaScript: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com outra bomba de script Java relacionada ao Tutorial. Neste tutorial, aprenderemos sobre o objeto histórico. Neste tutorial, aprenderemos todas as propriedades e métodos relacionados ao objeto histórico. Aqui você pode ver a tela do navegador. Além disso, você pode ver dois botões, para trás e para frente. Se você quiser ver as páginas para trás e para frente, precisamos usar o objeto de histórico, e nosso objeto de histórico veio com apenas uma propriedade, que é Ln Na mesma janela, quantos sites você abre, usando a propriedade de comprimento que você pode obter. Deixe-me mostrar a propriedade na prática. Como de costume, lado a lado, abro meu editor de código do estúdio de usuário e meu navegador usando a extensão Live Server e já crio um documento de estimativa chamado Index dot, HTM Primeiro, vou abrir minha seção de console, inspecionar e console, e o console do tipo Homeo, log de pontos do console, log de pontos do console dentro do conjunto redondo, histórico do tipo Home Então, meta secundária para terminar este l. Se eu quiser terminar, agora você pode ver na minha tag de histórico Agora você pode ver uma lista suspensa. Se eu abrir esse menu suspenso, como você pode ver, n é um. Se eu abrir a opção de protótipo, agora você pode ver algumas contas matemáticas, voltar, avançar, ir, etc. Agora, vamos adicionar e cortar uma tag dentro da tag body Ele amarra A e os links, HTTP e dois pontos e o site é google www.google.com. Vou configurar esse arquivo. Além disso, preciso adicionar um texto a essa tag angular. Los, vou digitar Google. Eu pressiono este arquivo, você pode ver um link neste site e agora vou pressionar google.com Como você pode ver, é redirecionar para mim google.com. Se eu mostrar meu link agora, então no meu console, vou digitar o log de pontos do console, eu configuro a pressão redonda, quero retornar o comprimento. Hm digite o histórico de uma linha tão pequena para finalizar esta linha. Depois de definir este arquivo, se eu pressionar enter, agora você pode vê-lo retornado Agora, a questão é por que ela voltou porque agora temos uma história decimal. Se eu clicar nesse botão de voltar, agora você pode ver que ele está de volta à minha página estável de pontos de índice Mais uma vez, vou te mostrar essa história. Histórico do log de pontos do console. Então você pode ver agora que o comprimento também é, porque agora nosso botão de avanço está ativado. Agora podemos avançar para google.com sem pressionar esse vazamento, você pode ver Eu espero que você saiba como funciona a função de comprimento. Agora, vamos falar sobre o método do objeto histórico. Normalmente, temos um total de três métodos úteis retroceder, avançar e avançar. Se você quiser avançar e retroceder, sem pressionar essa seta, poderá usar esse método Se você quiser retroceder, precisará usar o B Mathod Se você quiser seguir em frente, precisará seguir em frente. Usando o método G, você pode fazer a discussão. Vamos entrar no código do Visual Studio e ver como podemos usá-lo. Primeiro, vou mudar o endereço do link. E eu vou empatar o índice dois caixas eletrônicos. E eu vou substituir o Google por, página dois. Página dois, e eu vou configurar esse arquivo. Além disso, vou mudar o título. Vou substituir o objeto de histórico do script Doa por estamos na primeira página e definir esse arquivo Agora eu preciso criar a página de estimativa do Index two no meu diretório de trabalho atual Aqui eu vou criar outra página. Indexe o HTML de dois pontos e copiarei o código inteiro da página de estimativa de pontos do índice. E cole-o na página de estimativa de dois pontos do Índice. Vou substituir primeiro, vou substituir nosso título, onde está na página dois. Novamente, vou criar outra página. Aqui eu quero mudar o nome do link, página três. Além disso, precisamos redirecionar para outra página do Índice três. Vou configurar esse arquivo, depois separo o H C e o copio. Novamente, vou criar outra página de estimativa de pontos de índice. Indexe STL de três pontos. Vou colar todo o código aqui e também vou substituir a página dois pela página três. Estamos na página três. Mas desta vez, não preciso de nenhuma tag âncora para redirecionar. Então, eu devo remover essa etiqueta de âncora. Responda a este arquivo. Agora você pode ver no meu navegador, estamos no meu índice ponto e página, ou seja, página um. Agora, eu quero pular para a página dois. Então, eu devo clicar neste link. Página dois. Como você pode ver na minha barra U, ela redireciona para o STML com dois pontos de índice Novamente, decido pular para nossa próxima página, que é a página três. Se eu clicar neste link, agora você pode ver que estamos na página três. Se eu te mostrar minha história, console, Dot Log está no Round rasas history Agora você pode ver que a duração do histórico é três, porque temos três páginas profissionais porque visitamos três páginas na mesma vitória. Se você notar, você pode ver que temos apenas a opção para trás, não a opção para frente, porque estamos na página três Se eu louvo a seta para trás, agora estamos na página dois. Nesta página, temos duas opções. Mas nesta página, temos as duas opções. Podemos retroceder, também podemos avançar. Agora eu decido retroceder. Como você pode ver, podemos retroceder e avançar na seção URL Mas agora eu quero fazer a mesma coisa usando botões. Para isso, vou criar dois botões. Botão, e o nome do nosso primeiro botão está de volta. E também precisa convocar um evento, que está no clique. Ao clicar, também é necessário fornecer o nome da nossa função e o nome da nossa função é função de retorno. Função B. Com isso, vou criar outro botão. Vou molhar esta linha e nossos novos nomes de botões. E também precisa mudar a função. Hm, digite para frente. Agora precisamos criar ambas as funções em nossa tag de script. Primeiro, vou copiar de volta. Função do tipo Hm e o nome da nossa função é função de retorno. Então, dentro das rodadas, vou amarrar o ponto histórico Para a função traseira, eu uso o método back. Novamente, e então eu vou ser esta seção. Também vou mudar a função de encaminhamento do nome da função. Eu copio o nome da função e o sobrescrevo. Além disso, vou mudar o método aqui. Vou substituir de volta para frente. Isso é, e eu vou configurar esse arquivo. Como você pode ver, criamos a função e o botão na página de índice três. Precisamos copiar esta seção e fazer a mesma coisa no botão Índice dois. Também no botão Indexar um. Desculpe, página. Agora você pode ver em nossa primeira página, temos o botão para trás e para frente Agora, eu quero decidir seguir em frente. Se eu pressionar o botão Avançar, como você pode ver, estamos falando da página dois. Se você decidir retroceder, basta pressionar o botão Voltar Então, novamente, estamos na primeira página. E agora vou pressionar o botão Avançar duas vezes. Agora estamos na página dois, e também vou avançar para a página três. Novamente, vou pressionar o botão Avançar. Agora você pode ver que estamos na página três. Mas o que? Se eu pressionar o botão de avançar novamente, o que acontecerá? Como você pode ver, depois de pressionar o botão Avançar, ele é redirecionado para nada. Porque depois da página três, não temos nenhuma opção de encaminhamento, e você também pode vê-la na seção URL. O vazamento para frente é desativado. Agora, vamos falar sobre nosso último método, que é go. Por isso, estou retrocedendo. Quero dizer que vou voltar para a segunda página e também vou abrir o índice dois ATML Aqui, vou criar outro botão. Eu dupliquei o botão e vou substituir a função de avanço pela função go Função G. Além disso, vou mudar o nome do botão, pronto. E agora vou criar a função em nosso script. Função e nossa função ems, go function. Função G. Então ele colocou o crass, aqui eu preciso digitar seus três pontos, pronto Em seguida, ele ajustou a bunda longa. Aqui eu preciso passar um parâmetro. Se você quiser avançar, precisará passar pelo positivo e, se quiser retroceder, precisará passar pelo negativo Primeiro, quero seguir em frente. Aqui eu passo um. E vou configurar esse arquivo e recarregar a página dois. Agora você pode ver que há um botão Nam go. Se eu apertar o botão agora, como você pode ver no redirecionamento para, página três Agora, vamos fazer a mesma coisa na página de estimativa de três pontos do Índice. Copie esta seção e, em seguida, vou entrar na página de estimativa de três pontos do Índice e substituí-la por uma nova empresa. Mas antes de configurar esse arquivo, quero dar dois passos para trás Quero dizer que quero pular para a página um a partir da página três. Eu quero pular a página dois. Para isso, leia um arquivo negativo. Herodes passa menos dois. Agora você pode ver na minha página três, o botão go é aplicativo. Se eu colocar o botão Go, agora você pode ver que ele é redirecionado para a primeira página É manter a página dois. Além disso, vou fazer a mesma coisa na primeira página. Novamente, vou copiar a seção inteira e substituir nosso código anterior por um novo código. Da primeira página, agora eu quero redirecionar para a última página Eu quero dizer página três. Para isso, precisamos passar um valor positivo. Se eu definir esse arquivo, você poderá ver o botão. Se eu elogiar, aperte o botão, agora você pode ver em vermelho duas páginas três. Como usamos com sucesso três tipos de método histórico retroceder, avançar e avançar Espero que agora esteja claro para você. Obrigado por assistir a este vídeo, sintonizado para nosso próximo tutorial 96. JavaScript pageYOffset e pageXOffset Tutorial: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo tutorial relacionado ao Java Skip ball Neste tutorial, aprenderemos sobre dois novos métodos, página y opsite e página X opsite Esses métodos funcionam com a janela do navegador. Então, deixe-me mostrar um exemplo. Aqui você pode ver que temos uma janela do navegador. E se você notar a barra de rolagem vertical, já rolamos um pouco a página. Também para a barra de rolagem horizontal. Já o rolamos um pouco. E agora queremos extrair a distância de quanto percorremos. Precisamos extrair a distância e medi-la. Isso é para a barra de pontuação vertical, e também precisamos extrair a distância da barra de pontuação horizontal. Para isso, o Java script introduz dois métodos, page y ost e page x ost Então, sem perder seu tempo, vamos começar o C prático, como podemos usar essa matemática Como você pode ver, lado a lado, abro meu editor de código do Visual Studio e meu navegador usando a extensão Lip Server e já crio um documento eSTL chamado index AtL Se você perceber que pode ver, não há barra de rolagem em nosso navegador, nem na vertical, nem na Então, por enquanto, em nossa tag body, vou adicionar um parágrafo Db P e vou adicionar muito O. LEM E eu vou configurar esse arquivo. Depois de definir esse arquivo, como você pode ver, ele adicionou uma barra de rolagem vertical e agora vou arrastar um pouco a barra de rolagem para baixo. Com isso, quero extrair o valor de quanto rolamos. Então, vou usar o método page y set. Então, digite H uma tag de script dentro da tag body. Roteiro. Então, dentro da tag de script, como você sabe, estamos trabalhando no objeto de janela. Então digite window. Em seguida, vou adicionar o evento de rolagem. Então, vou usar o add event listener. E dentro do ss redondo, vou usar scroll wind. Quando você rola esta página, ela chamará uma função anormal, então eu criarei uma Função dentro do C ss, e agora eu quero extrair o valor da rolagem vertical. Com isso, quero imprimir esse valor em nosso console. Portanto, digite um log de pontos do console dentro do processo redondo, dentro do site da página de tipo dos Amon Com isso, vou usar um sinal de congregação e quero imprimir a janela da janela de melhor valor página de pontos por conjunto, e vou adicionar ponto e vírgula nesta linha E antes de configurar esse arquivo, vamos ligar o console em nosso navegador. Inspecione o console. E eu vou configurar esse arquivo. Por lado desse arquivo, você pode ver o valor. O valor definido da página y é 563. Nós rolamos 563 pixels na direção y xs. E se eu mover o rolo para cima, agora você pode ver o valor atual, que é zero E se eu movê-lo para baixo, agora você pode ver o valor Aqui você pode ver agora que o valor definido da nossa página y é 1.505. Mas agora o problema está em nosso console, ele imprime todos os valores desnecessários. Eu quero o valor exato. Para isso, precisamos limpar o console. Então, aqui, digite o método dot clear do console e S comece a terminar esta linha. Vou configurar esse arquivo. Depois de definir esse arquivo, agora você pode ver o valor exato, quanto rolamos, 1.505 pixels Se eu mover a pontuação para cima, caso contrário, para baixo, você poderá ver apenas um você poderá ver É impresso o valor exato para cima, scroll ward. Da mesma forma, podemos extrair o valor page x ost. Então, vou recitar essa linha e, desta vez, vou imprimir a página x ost Mas o problema é que não temos nenhuma pontuação horizontal em nosso parágrafo Para isso, vou usar um elemento profundo em nossa etiqueta corporal. Então, antes do início do parágrafo, aqui, vou abordar um elemento profundo. Caixa de pontos profundos. Além disso, vou estilizar esse elemento profundo usando seu nome de classe. Caixa de pontos tipo H dentro do carro versus primeira propriedade, vou usar W. W 1.200 pixels Altura, 300 pixels, e eu vou definir a cor de fundo. Taxa de cor de fundo. D. Se eu definir esse arquivo e mover a pontuação vertical para cima, agora você pode ver que o valor do conjunto de nossa página y é zero. Além disso, na página, precisamos alterar o nome, conjunto página x. Além disso, o valor definido da nossa página x é zero. Agora, se eu mover um pouco nossa rolagem horizontal , você pode ver o valor. Agora você pode ver que o valor do deslocamento x da página é 174 pixels e o valor do conjunto da página y ainda é zero Então, se eu mover a guerra de rolagem, você pode ver o resultado no meu console. Então é assim que podemos extrair o valor de rolagem usando os métodos. Então, isso é tudo para este tutorial. No próximo tutorial, aprenderemos sobre dois novos métodos, Oset top e o Oset lift Obrigado por assistir a este vídeo, Stadium. 97. JavaScript offsetTop e offsetLeft Tutorial: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com uma nova faixa Java relacionada ao Tutorial. E neste tutorial, aprenderemos sobre dois novos métodos, Oset top e Oset late Suponha que este seja o nosso navegador e, dentro desse navegador, digitamos algum texto. E também pegamos um elemento profundo nesse lugar. E agora eu quero extrair a distância desse elemento profundo do lado superior. Quero extrair a distância do topo também do local do laboratório. Para extrair os valores, a faixa Java introduza dois métodos. Oset por cima e Oset por último. Então, vamos entrar no editor de código Sudo e ver como podemos extrair esses valores Assim como nós, lado a lado, abro meu editor de código Vis Sudio e meu navegador usando a extensão Lipseer, e já crio um nome de documento sTML com o nome do índice documento sTML com o nome E, como você pode ver, em nossa tag corporal, temos uma caixa de classes profunda. E nessa profundidade, temos um parágrafo, um parágrafo fictício, e eu já estilizo O fundo do coração também definiu e, em seguida, k 300 pixels. Além disso, temos uma fronteira. E agora eu quero medir o valor do topo e do elevador. Para isso, precisamos entrar na tag do script. Então, vou digitar o script. E dentro da tag do script, vou usar o console. Registro de pontos do console dentro da resolução redonda, vou imprimir a parte superior do site da caixa de declaração. Box set top, dois pontos, e então vou usar o lado de configuração, e agora só para atingir Para direcionar essa caixa, vou criar uma variável dentro da tag do script. Então, a variável é BOX box, box igual a, e eu vou usar o método seletor doy do documento para direcionar essa Seletor de consulta por pontos do documento. Então, dentro da prensa redonda dentro das camadas duplas, precisamos passar o ID da caixa Desculpe, o nome da classe da caixa, que é ponto BO X, e o presunçoso to nesta linha E agora vou usar esse nome variável. Caixa. Box dot e nosso método é oposto a. E a semi coluna dois nesta linha. Da mesma forma, se quisermos extrair o valor do laboratório, precisamos registrar essa linha, e eu vou substituir essa declaração, y set lit Além disso, precisamos perseguir o nome do método, y set. E antes de definir esse arquivo, vamos abrir o console, inspecionar o console e eu vou configurar esse arquivo Depois de definir esse arquivo, você pode ver o v. Box colocar no topo oito e o box set na esquerda oito. Agora, a citação é por que está escrito oito e oito na direção do corpo, porque essa é a margem diferida da É por isso que às vezes precisamos usar a margem zero de todas as direções em nossa etiqueta corporal. Além disso, você pode observar a lacuna de oito pixels do lado superior e do lado esquerdo. Mas se eu usar a propriedade de margem, primeiro, vou usar a propriedade de margem em nossa tag body. Aqui estão o tipo de carroceria e o interior da margem de resolução do carro. Margem para zero. Se eu definir esse arquivo, agora você pode ver no meu console, caixa de sprint definida para o valor zero e também definir os valores p de aço zero E se eu adicionar margem no local do laboratório, deixe-me mostrar uma volta de margem de 100 pixels. E depois de ter esse arquivo, você pode ver o resultado. Agora, o valor da volta do nosso box set é 100 porque temos uma margem de 100 pixels na posição da volta. Além disso, se eu adicionar margem, 50 pixels superiores e o neste arquivo, você poderá ver o valor. Agora você pode ver no meu console que o valor máximo do box set é 50. Mas o que? Se adicionarmos um parágrafo, antes desta caixa profunda, deixe-me mostrar para você. Então, eu quero adicionar um parágrafo. Lo rem, e eu vou adicionar 200 parágrafos. Depois de definir esse arquivo, você pode ver o valor. Agora você pode ver que nosso valor máximo definido é 354 pixels. A distância entre a parte superior do navegador e D é de 354 pixels. Então, isso é tudo para este tutorial. No próximo tutorial, aprenderemos sobre dois outros métodos. Role para cima e role para a esquerda. Obrigado por assistir a este vídeo, declarou. 98. JavaScript scrollTop e scrollLeft Tutorial: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo tutorial relacionado ao script Java. E neste tutorial, aprenderemos sobre dois novos buracos matemáticos. Role para cima e vá para a esquerda. Suponha que temos um elemento profundo e dizemos altura e peso a esse elemento profundo. E como você pode ver, colocamos dois pergaminhos a nesse elemento profundo, vertical e horizontal. Essa guerra de rolagem aparecerá como grande estouro de dados desse contêiner Se você notar, você pode ver em nossa barra de rolagem vertical que eu já rolo um pouco. E agora eu quero extrair a distância, o quanto percorremos em nossas profundezas Da mesma forma, quero extrair o valor da rolagem horizontal. Portanto, precisamos extrair o rolagem horizontal e o valor da rolagem vertical. Para extraí-los, temos dois métodos. Role para cima e role até tarde. Então, sem perder seu tempo, vamos começar a prática e ver como podemos extrair esse valor Então, como você pode ver, lado a lado, abro meu editor de código iso Studio e meu navegador usando a extensão Live Server, e já crio um nome de documento estil nome do documento index dot HTML E nesta página de teste, como você pode ver, temos um elemento profundo com caixa de nome de classe, e eu já estilizei essa caixa profundamente. Seu histórico, High Two e Border. Agora você percebe, como você pode ver, não há nenhuma palavra de rolagem nesse elemento profundo. Então, vou adicionar um texto fictício dentro desta caixa. Aqui, vou adicionar um parágrafo de 500 palavras. Guerra do Orm 500. E eu vou configurar esse arquivo. Depois de definir esse arquivo, como você pode ver, ele transborda o contêiner de energia Para resolver esse problema, vou usar a propriedade overflow Aqui, vou usar overflow e vou usar valor automático Se eu definir esse arquivo, agora você pode ver a barra de rolagem vertical. E agora eu quero extrair o valor de rolagem desse elemento profundo. Suponha que eu role esse bit de conteúdo na direção do eixo Y e agora eu queira extrair a rolagem até o valor desse elemento profundo. Para extrair o valor, precisamos entrar na tag do script. Aqui vou digitar o script. Dentro dessa tag de script, primeiro, vou direcionar essa caixa usando o nome da classe. Então, quero digitar o seletor de consulta de pontos do documento dentro da prensa redonda, dentro desses códigos duplos, vou passar a caixa de pontos Então eu vou usar um método. Vou usar o add even listener. Adicione até mesmo um ouvinte e eu quero usar o método de rolagem. Rolagem, depois de direcionar essa caixa usando o nome da classe, eu uso um evento, evento de rolagem e, quando os usuários rolam os dados, quero chamar uma função anônima. Então, perca, vou chamar uma função. Função. Arredondado como então dentro do caixote Então, dentro da função, eu quero imprimir o valor de rolagem no meu console. Então Haran digite o registro de pontos do console, o registro de pontos do console no redondo, pressione as portas duplas, primeiro vou imprimir uma declaração, que é scroll dog Passeio pela concatenação w e aqui preciso passar pela caixa de destino Para isso, vou criar uma variável e o nome da nossa variável é target. Alvo igual a, e eu vou copiar essa mesma linha. Essa caixa. Em seguida, vou substituir esse setor documentado variável alvo. Além disso, vou usar a variável de destino na seção do meu console. Alvo. Com isso, precisamos chamar o nome do nosso método. Cão de rolagem de pontos alvo. Se eu definir esse arquivo, ligar meu console e rolar esse elemento profundo, um pouco, você poderá ver o valor, rolar o valor. Mas o problema é que você pode ver muitos valores. É por isso que vou usar a função clear. O console está claro. Essa função eliminará valores desnecessários. Se eu definir esse arquivo novamente e rolar esse elemento profundo com um pouco de inteligência, agora você poderá ver a rolagem até o valor. É muito semelhante aos métodos y set e x pset. Aplicamos page y pset na janela do navegador, mas aplicamos scroll top em nosso elemento profundo Essa é a diferença. Agora, vamos falar sobre o outro método, que é o scroll lead. Então, nesse elemento profundo, vou criar outro elemento profundo. Caixa Deep Tot também. Além disso, vou estilizar esta caixa com dois elementos profundos. Em nossa seção de estilo, caixa dois do tipo ensinado está nas calibragens. Vou usar o fundo de fundo vermelho. Então eu vou usar o wed. Weed, 700 pixels e altura. Oito pixels, D. Eu quero definir esse arquivo. Agora você pode ver dentro desse elemento profundo pai, temos outro elemento profundo e definimos altura e largura de 700 pixels e 80 pixels. É por isso que ele transborda horizontalmente desse contêiner e você pode ver a barra de rolagem horizontal E agora precisamos extrair o valor de rolagem dessa barra de rolagem. Para isso, primeiro, vou duplicar essa linha e vou mudar a rolagem para cima e para a esquerda Além disso, precisamos buscar o nome do método. Navegue até a lista. Se eu salvar esse arquivo e rolar um pouco a barra de rolagem horizontal, você poderá ver o valor do scroll lab. Agora imprime 48. E do topo da rolagem, temos valor zero. Se eu rolar um pouco a barra de rolagem vertical, agora você pode ver a rolagem superior de 148 pixels e a rolagem do laboratório de 48 pixels É assim que podemos extrair o laboratório de rolagem e rolar até o valor. Espero que agora esteja claro para você. Então, isso é tudo para o Stal. Obrigado por assistir a este vídeo, S tuned. 99. Tutorial de JavaScript scrollWidth e scrollHeight: Olá pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo tutorial relacionado ao script Java Neste truora, vamos aprender dois novos métodos em Java Script. Rolagem e altura da rolagem. Como você pode ver, temos um elemento profundo e, dentro desse elemento profundo, temos alguns dados fictícios E H usamos a propriedade overflow para esse elemento profundo para ocultar o conteúdo extra É por isso que adiciona rolagem vertical e barra de rolagem horizontal E agora eu quero extrair a altura desse conteúdo, incluindo os dados de estouro Suponha que tenhamos essa quantidade de dados nesse contêiner. Portanto, precisamos extrair o tamanho exato desses dados. Para isso, o JavaScript introduz um novo método, que é scroll g. Da mesma forma, se você quiser extrair a largura horizontal dos dados, precisará usar o método de largura de rolagem. Então, vamos começar a prática e ver como podemos usar esses métodos. Como você pode ver, lado a lado, abro meu editor de código visa stdio e meu navegador usando a extensão Live Server, e já crio um documento ESTeML chamado no Dexote stemel chamado no Se você perceber que pode ver em nossa etiqueta corporal, temos uma etiqueta profunda e definimos uma caixa de identificação. Além disso, um estilo é tag profunda. Definimos a cor de fundo do porco com 300 pixels e altura, 300 pixels Então você pode ver que não há barra de rolagem neste elemento deb porque não temos conteúdo excedente neste elemento de Basicamente, é um MTD. E antes de adicionar o conteúdo na caixa, mostrarei como podemos usar esses métodos. Então, dentro da tag body, vou digitar script tag script. E dentro da tag do script, primeiro, vou direcionar essa caixa usando seu ID. Então, vou criar uma variável e nossa variável é alvo. Alvo igual ao seletor do documento T no recesso redondo, vou passar o nome do ID como caixa de tag Em seguida, defina dois nesta linha. Agora vou criar duas outras variáveis, uma para a espessura da rolagem e outra para a altura da rolagem. Primeira variável que vou usar e o nome da nossa variável é scroll weed. Em rolagem. Igual ao nosso ponto alvo, nome do nosso método, scroll. Parece que eu também estou nessa linha. Então, para obter essa linha, substitua w pela altura. Além disso, digite, role in. É isso mesmo. Agora vou imprimir as duas variáveis no meu console. Para isso, um console do tipo metro pontilhado dentro do redondo pressiona dentro do duplo. Primeiro, vou imprimir o pergaminho. Role w. Em seguida, sinal de concateação, vou chamar a variável, e nossa variável é rolagem, e Seve Então vou cavar essa linha e, desta vez, quero imprimir a altura do rolo. Vou substituir por com altura. Também aqui para passar essa variável, role para cima. E agora eu vou configurar esse arquivo. Em seguida, vou entrar no navegador, escolher com o botão direito e inspecioná-lo, e vou experimentar no console Assim, você pode ver, por padrão, que ele imprime a altura e a largura exatas desse contêiner. Largura de rolagem, 300 pixels e altura de rolagem, 300 pixels. Porque em nossa seção de estilo, herói atribui com 300 pixels e a altura, 300 pixels. É por isso que escreveu esse valor. Mas desta vez, vou incluir alguns dados fictícios em nossa tag profunda Aqui, vou digitar, logo abaixo, vou adicionar um total de 600 palavras e vou configurar esse arquivo Depois de definir esse arquivo, como você pode ver, por padrão, ele transborda desse contêiner Portanto, precisamos usar a propriedade overflow em nossa seção de estilo. Deixe-me te mostrar como. Então, aqui está o nosso tipo. Transbordar Mas antes de usar a propriedade overflow, como você pode ver, steel return, altura de rolagem é 926 pixels, porque essa é a altura do conteúdo dentro desse contêiner, e nossa largura de aço é 300 E agora vou usar o valor automático de overflow, Auto. E se eu definir esse arquivo, você poderá ver o resultado. Depois de definir esse arquivo, agora você pode ver a altura superior, área de rolagem é duas do que quatro e rolar com 283 E se eu adicionar um pouco de preenchimento nesta caixa, deixe-me mostrar o preenchimento de toda essa direção, eu quero adicionar um preenchimento de 20 pixels Depois desse preenchimento de 20 pixels, como você pode ver, isso afeta nosso resultado Agora, a rolagem é 323 e a altura da rolagem é 274, e agora precisamos da rolagem horizontal wa Para isso, vou criar outro elemento profundo dentro desse elemento profundo. Alguma caixa de pontos do tipo B para. E eu vou estilizar esse elemento de banco de dados. Então, digite hemo na caixa dois, defina primeiro as calibragens que vou usar com a propriedade de 400 pixels Altura, 100 pixels. Além disso, vou adicionar a taxa de cor de fundo da cor de fundo. Se eu definir esse arquivo, você poderá ver o resultado. Agora você pode ver nosso pergaminho com valor se tornar 440. Além disso, você pode ver o fio de rolagem horizontal na posição inferior. É assim que, usando esse método, podemos extrair o valor da área de rolagem. Podemos extrair o valor da altura da rolagem, para que possamos extrair o valor da rolagem w. Então, isso é tudo para este tutorial. Obrigado por assistir a este vídeo , aguarde o próximo tutorial. 100. JavaScript offsetWidth e offsetHeight Tutorial: Ei, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo tutorial relacionado a java script. Neste tutorial, aprenderemos sobre dois novos scripts java relacionados a propriedades, que são set w e set height. Neste exemplo, você pode ver um elemento profundo. Neste elemento profundo, dizemos fronteira. Além disso, temos texto e preenchimento nesta caixa e uma barra de rolagem vertical E agora eu quero obter a altura desse elemento profundo. Quero dizer que quero extrair o comprimento desse elemento profundo desse ponto até esse ponto. Para extrair esse valor, etapa Java introduz uma nova propriedade, que é definir a altura. Da mesma forma, se quisermos extrair a largura desse elemento, nesse caso, precisamos usar set with property. Se você perceber que pode ver, temos uma borda de dez pixels, preenchimento, também temos área de conteúdo e uma barra de rolagem O animal de estimação com, caso contrário, a altura do hospedeiro, retornará a largura total O pset width and set height retorna a largura e a altura de um elemento em pixels, incluindo preenchimento, borda e barra de rolagem Se tivermos uma barra de rolagem horizontal na parte inferior, ela aumentará nossa altura. Portanto, essa propriedade fornecerá w e altura totais, incluindo o vento da borda. Só que não inclui a área da margem. Então, vamos começar a prática e ver como essa propriedade vai nos ajudar. Então, como você pode ver lado a lado, abro meu editor de código do Visit Studio e meu navegador usando a extensão Live Server, e já criei um nome de documento estável no Dexote Então, se você notar em nossa tag body, temos uma tag profunda com a caixa de nome da classe, e eu estilizo essa caixa profundamente em nossa seção de estilo. Visualize com altura, 300 pixels, e defina uma cor de fundo laranja. Agora vou usar a propriedade JavaScript set w e set height. Então, vou usar script de tag script. Insira a tag do script. Primeiro, vou direcionar essa caixa usando seu nome de adição Então, vou criar uma variável e o nome da nossa variável é target. Alvo igual ao documento, seletor de consulta de pontos dentro das teclas redondas dentro dos códigos duplos, precisamos passar o nome da classe ponto BO X box e ponto e vírgula dois nesta linha Agora vou criar duas outras variáveis para obste weed e oste height, algum tipo, e o nome da nossa variável é w. W igual ao ponto alvo oposto a w. Semicon a nesta linha. Lá, vou duplicar essa linha e substituí-la pela altura, e aqui vou definir a altura do ponto alvo E agora eu quero imprimir esse valor no meu console. Então, digite console dot log dentro dos conjuntos redondos dentro do conjunto de tipos de amplificador double gos com concatenação w w e semicone essa com concatenação w w e semicone e semicone Da mesma forma, quero imprimir a altura definida. Então, localize essa linha e o tipo define a Também para substituir nós por altura. E eu vou configurar esse arquivo. Depois de configurar esse arquivo, se eu ligar meu console, você poderá ver o resultado. Oset é 300 pixels e define Hs e define Hits, 300 pixels, porque aqui atribui a mesma quantidade de altura e peso ao contêiner Mas o que? Se eu adicionar algum tipo de borda h, propriedade de pedido, e eu quiser adicionar uma borda sólida de dez pixels. E a cor da nossa borda é vermelha. Se eu definir esse arquivo, agora você poderá ver o resultado. Agora nossa largura definida se torna 320 pixels e a altura do pset se torna 320 pixels Além disso, se eu quiser adicionar preenchimento do tipo preenchimento de cada direção, quero adicionar um preenchimento de 50 comprimidos Se eu definir esse arquivo, você poderá ver o resultado. Agora, cada uma das direções é com preenchimento de 50 pixels, também e com uma borda de dez pixels e a largura real elevada Usando essas propriedades, podemos obter altura total e a largura total de um elemento. Então, isso é tudo para este tutorial. Obrigado por assistir a este vídeo, fique atento ao próximo tutorial 101. Cliente JavaScriptWidth e clientHeight Tutorial: Ei, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo tutorial relacionado ao script Java. E neste tutorial, vamos aprender sobre duas novas propriedades, altura do cliente e cliente W. Então, como você pode ver, temos um elemento profundo. E nesse elemento profundo, temos borda, texto de conteúdo e preenchimento. Além disso, temos uma barra de rolagem. E agora eu quero extrair a altura interna desse elemento profundo. Não quero incluir a altura da borda nessa medida. Eu quero apenas extrair a altura interna. Da mesma forma, quero extrair a largura interna, não essa barra de rolagem, e não quero adicionar a barra de rolagem Para resolver esse problema, o JavaScript introduziu a nova propriedade, largura e altura do cliente. Já aprendemos sobre esse tipo de propriedade em nosso tutorial anterior, pset width e pset height E a diferença é pset w e set height, forneça a largura total desse elemento, incluindo borda e barra de rolagem Mas para extrair o comprimento interno desse elemento, precisamos usar a propriedade de altura e largura do cliente. Eles retornam a largura e a altura de um elemento em pixels, incluindo o preenchimento, mas não a borda, a barra de rolagem ou a margem Então, sem perder seu tempo, vamos começar a prática e ver como podemos usar essa propriedade Então, como você pode ver lado a lado, abro meu editor de código visual stdio e meu navegador usando a extensão de servidor Lg e abro meu documento anterior do Estel Em nosso documento anterior , aprenderemos sobre a propriedade Oopset com propriedade e altura do custo E neste tutorial, devemos extrair a largura e a altura do cliente. Então, como você pode ver nesta caixa profunda, temos um preenchimento de 50 pixels Além disso, temos uma borda de dez pixels e também temos 300 pixels de largura e 300 pixels de altura. Então, primeiro, vou mudar o nome da propriedade. Vou substituir set web client whe, client whe, e também vou substituir set height por client height Cliente. Antes de definir esse arquivo, como você pode ver, agora o Oset V atual é de 420 pixels e o Oset Hight também é Mas, como eu disse, se usarmos essas propriedades e depois definirmos esse arquivo, agora o cliente V e o cliente se tornarão menores que esse valor porque não incluirão a área da borda. Então eu configurei esse arquivo, como você pode ver, agora ele se tornou 400 por 400, porque essa propriedade não vai contar a área da borda. Então, isso é tudo para este tutorial. Obrigado por assistir a este vídeo. Espero que agora esteja claro para você. Qual é o uso dessa propriedade? Obrigada. 102. Tutorial de JavaScript ClientX e ClientY: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo script Java relacionado ao Tutorial . E neste tutorial, aprenderemos sobre duas novas propriedades Java Strip. Imposto do cliente e cliente Y. Como você pode ver neste exemplo, temos uma janela do navegador e você pode ver um mouse czar nessa E agora eu quero extrair as coordenadas do mouse ao mover o mouse, caso contrário, clique em qualquer lugar na janela. Eu quero saber a posição exata desse mouse. Então, eu preciso extrair o valor X Xs, também y Xs V. Para essa faixa Java, introduza a propriedade Mouse Event. Que é imposto do cliente e cliente Y. E lembre-se, ele funciona somente dentro da área de visualização deste navegador Esta é a área do ponto de vista deste navegador. Não está relacionado à resolução da tela do monitor. Está relacionado à janela do navegador. E, como eu disse, essas propriedades estão relacionadas ao evento do mouse, então funcionará apenas com os eventos do mouse. E todos esses são eventos de mouse os quais já estamos familiarizados. Ao clicar, ao clicar duas vezes, no menu de texto do conteúdo, mover o mouse, etc Então, quando usamos os eventos, podemos extrair o valor Y xs e s, ou seja, o valor tex do cliente e clídeo y. Então, sem perder seu tempo, vamos começar a prática e ver como podemos usá-la Então, como você pode ver lado a lado, abro meu editor de código do Visual Studio e meu navegador usando a extensão Live Ser, e já criei um documento estil chamado Index Por enquanto, minha página estável está completamente preta. No início, quero extrair as coordenadas do mouse quando meus carros estão nessa área da porta de visualização. Para isso, precisamos voltar para a tag body e para a tag de script do tipo mo. E agora precisamos adicionar um evento em nosso documento usando o método add even listener Então, dentro do curso duplo, vou digitar document dot add even listener Então, dentro do processo de rodada, quero adicionar o evento de movimentação do mouse porque, quando abro o mouse, quero extrair o valor ao mover o mouse. Então digite mouse move e semicórnio dois nesta linha E como você sabe, com isso, você também precisa chamar uma função enorme. Então, vou criar uma função após função e, dentro do carro***, vou usar essas propriedades, cliente e cliente x. O que isso exigirá de duas variáveis Alguns para digitar e nossa variável m é X, X igual a também em nossa função, precisamos passar uma variável. Então, eu vou passar no evento. Além disso, você pode usar o selo encurtado do tipo E. Então, aqui no tipo e dot client x. Em seguida, semicone esta linha E da mesma forma, vamos extrair o valor x. Então, para duplicar essa linha e substituir x por y. Além disso, precisamos substituir o cliente x pelo cliente y. Lembre-se de que Xn y deve ser Caso contrário, não funcionará. E agora vou imprimir os valores x x e x no meu console. Então, eu vou amarrar o console. Registro de pontos dentro da prensa redonda dentro do código duplo que eu digito, cliente x dois pontos, concatenação com valor x e sem E eu vou duplicar essa linha e desta vez eu imprimo o valor y do cliente. Cliente y, concatenação com, cliente y, concatenação com a E antes de configurar esse arquivo, vou ligar meu console. É um console de pacotes. Além disso, vou imprimir o console de forma bem clara. Se não usarmos a função clear , ela imprimirá muitos valores. Então, método de limpeza de pontos do console tipo Herm. Sem essa linha. Se eu definir esse arquivo e meus carros estiverem na minha área de visualização, você poderá ver o valor. Agora você pode ver que nosso ponto x xs é 168 e o ponto y x é 352 Se eu movê-lo para cima, agora você pode vê-lo reduzir o ponto y xs E se eu movê-lo no canto superior esquerdo, agora você pode ver que o valor xxs é 13 e o valor axs é nove É assim que podemos amordaçar o valor de xs e um eixo y de nossos carros Então esse é o uso dessas propriedades. Cliente X e cliente y. Além disso, você pode segmentar em um Dbment. Neste exemplo, não usamos nenhum deb liment, como direcionamos o navegador antigo, a antiga do navegador Então, isso é tudo para este tutorial. Obrigado por assistir a este vídeo, Estatuto para o próximo tutorial 103. Tutorial de JavaScript pageX e pageY: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo tutorial relacionado ao script owl e, neste tutorial, aprenderemos sobre duas novas propriedades Página X e página y. Como você pode ver neste exemplo, abrimos uma janela do navegador e, nesse navegador, temos muito texto. Além disso, você pode notar há uma barra de rolagem no lado direito. Isso significa que há muito texto neste navegador. Suponha que temos essa quantidade de texto neste navegador. Além disso, mostro os dados de estouro usando fundo cinza Depois de percorrer esta página um pouco, coloquei meu mouse naquele lugar e quero extrair a posição x xs desse mouse, também a posição y xs desse mouse para extrair o valor Javascript, fornecendo o total de duas propriedades Página X e página Y. Em nosso tutorial anterior, já aprendemos sobre texto de cliente e cliente para propriedade Era bem parecido com a página x e a página Y. Mas há uma diferença entre cliente tex e o cliente para e a página x e a página Só funciona dentro da área de visualização de votação. Mas na página x e na propriedade da página, se eu rolar a barra de rolagem vertical, caso contrário, a barra de rolagem horizontal, isso mudará o ponto do cursor E, como eu disse, essas propriedades funcionam apenas com eventos de mouse. Portanto, precisamos usar MouseEvent para usar essas propriedades. Então, todos esses são eventos de mouse. Ao clicar, ao clicar duas vezes, no menu de contexto, ao mover o mouse, ao mouse, etc Então, vamos começar a prática e ver como podemos usá-la. Como você pode ver, lado a lado, abro meu editor de código so studio e meu navegador usando a extensão Live seal, e já criei um documento estel chamado em Dot estim Por enquanto, nossa etiqueta corporal está vazia. Então, dentro dessa tag body, primeiro, vou usar a tag script. E dentro dessa tag de script, eu quero extrair meu ponto do cursor. Quando abro meu cursor na área do meu navegador, quero extrair a localização do cursor, X xs e Y xs. Para isso, precisamos usar o método de documento. Documento, e precisamos usar um evento. E para usar o evento, vou digitar um ouvinte do evento. São as corridas redondas em que os códigos duplos, caso contrário, os códigos únicos. Aqui, vou passar o nome do evento, que é mouse node. Como você pode ver, é igual para fechar a cotação. Precisamos movê-lo dentro das aspas simples, caso contrário, totalizaremos. Então precisamos chamar uma função, uma função anóica. Alguma função temporal está na carissa, é a função anônima. Então, dentro da função, precisamos tomar uma variável como um evento. Para passar o tempo P. Aqui, precisamos pegar o total de duas variáveis para armazenar essas duas, onde nossa primeira variável é x, x igual a e ponto da página x. Então eu começo essa linha, e esse tipo sou tipo ou outra variável. Página y, página y igual a e, página y. Agora vou imprimir esses dois valores na área do meu console. Vou amarrar o registro de pontos do console dentro do latão redondo dentro do duplo. Primeiro vou digitar, página x valor, página x valor Um frio. Em seguida, vou usar a concatenação sin e o nome da nossa variável, ponto e vírgula, vírgula Em seguida, dupliquei essa linha e substituirei a página x pela página y. Também precisamos substituir o nome da variável, y. Antes de definir esse arquivo, aqui, precisamos digitar o método dot clear do console Console dot p. Esse método apagará os ts desnecessários, que são impressos em nosso console. Antes de configurar esse arquivo, vou ligar o console no console espacial Agora vou configurar esse arquivo. Depois de configurar este arquivo, se eu tiver muitos carros nesta janela, aqui você pode ver o valor. Você pode ver que o valor da página X é 254 e o valor da página y é 357. Isso é bem parecido com nossos tutoriais anteriores. Já estamos familiarizados com isso. Você pode pensar que é muito semelhante ao plano tex e à planta Y, mas há uma diferença. Vou criar outra variável. Vou duplicar esta seção e, desta vez, vou primeiro alterar a variável A e digitar o texto do cliente Em seguida, vou trocar y por B e desta vez, digitar o cliente y. Além disso, vou imprimir o texto do cliente e valor y do cliente no meu console. Vou duplicar essas duas linhas e vou substituir a página pelo cliente Imposto do cliente Vu, também cliente y. Agora vou duplicar toda essa seção e vou substituir o pacex valor fiscal do cliente é, também é necessário substituir a variável N A, e o valor y do cliente é, e precisamos substituir y B. Depois de definir este arquivo, se eu passar o mouse sobre meus carros nesta janela, você poderá ver o resultado Você pode ver o valor do texto do cliente e o valor da página X é a venda de aço. Além disso, o valor da página y e o cliente Y valorizam o aço. Mas o que? Se eu adicionar algum parágrafo. Então, dentro da tag body, eu quero usar o parágrafo da tag P. E então eu vou digitar LM, e vou adicionar 1.000 palavras E eu vou configurar esse arquivo. Até configurar esse arquivo, como você pode ver no meu documento, há uma palavra de rolagem no lado direito. Depois de usar esse arquivo, se eu passar o mouse sobre minha área de Rs, qualquer ponto, suponha que esse ponto, você pode ver que o valor da página y é 275 e o valor Y do cliente é Mas o que? Se eu rolar minha página para baixo, o que acontecerá? Quero rolar minha página para baixo. Depois de rolar para baixo nesta página, como você pode ver, agora o valor Y da página se torna 1016, mas o valor ToI do cliente ainda permanece Essa é a diferença entre essas duas propriedades, cliente Y e imposto do cliente. Caso contrário, a propriedade tributária do cliente funciona na área da janela. Mas a propriedade Página y, caso contrário, a propriedade da página funciona na área do documento. Essa é a diferença básica entre essas duas propriedades. Basicamente, ele retornou a altura do cursor acordo com o tamanho do conteúdo. Mas ele retorna a altura do cursor acordo com o tamanho da janela do navegador. Ele vai medir a distância do topo da janela. Mas vai medir a distância da primeira posição do conteúdo. Essa é a principal diferença e, da mesma forma, funcionará na posição horizontal. Se eu adicionar um elemento profundo de algum tipo, D, e vou atribuir um ID. ID igual à caixa. Se eu estilizar esse elemento de, então vamos voltar ao título da seção de estilo, vou amarrar o estilo. E eu disse a tag de estilo, primeiro, vou segmentar essa caixa usando seu nome de ID. Caixa de etiquetas H. Então eu digo o Civss. Em primeiro lugar, vou atribuir peso a 900 pixels. Altura máxima de 100 pixels, e também vou definir uma cor de fundo, uma taxa de fundo Se eu definir esse arquivo, aqui você pode ver, agora ele fornece uma barra de rolagem horizontal. E se eu passar o cursor nessa posição, você pode ver, agora nosso valor x é e seis Além disso, o valor X do nosso cliente é e seis. Mas o que? Se eu rolar meu navegador na direção horizontal e depois passar o cursor nessa posição, agora você pode ver a diferença básica Agora, o valor da página X é 273 e o valor tex do cliente é 97 porque, como eu disse, a propriedade tex do cliente mede a distância da borda do navegador Mas a propriedade da página X mediu a distância da posição inicial do conteúdo. É por isso que é impresso de forma diferente. Espero que agora esse conceito esteja claro para você. Então, obrigado por assistir a este vídeo, fique ligado no nosso próximo tutorial. 104. JavaScript screenX e tutorial de screenY: Olá, pessoal, é bom ver vocês de volta. Mais uma vez, estou de volta com um novo tutorial relacionado ao JavaScript. E neste tutorial, aprenderemos sobre duas novas propriedades relacionadas ao JavaScript. Tela X e tela y. Como você pode ver neste exemplo, temos uma tela de monitor e, nessa tela, abrimos um navegador. Neste navegador, você pode ver um ponteiro do cursor e agora eu quero extrair a coordenada do cursor do mouse Eu quero extrair o ponto do eixo x e o ponto do eixo y desses carros do mouse. Mas desta vez vamos medir a distância da área da borda da tela, não do navegador H. Para isso, o Java stripped introduz duas propriedades Tela X e tela Y. Em nosso tutorial anterior, já aprendemos sobre propriedades semelhantes Mas essas propriedades são medidas à distância do navegador H. Já aprendemos sobre o imposto do cliente e a propriedade do cliente Y. Mas a diferença é o texto do cliente e a propriedade do cliente Y, trabalham na área da janela de visualização Ele medirá a distância da borda da janela de visualização Só funciona na área da janela de visualização do navegador. Mas as propriedades screenX e screen Y funcionam na resolução do monitor Funciona na resolução exata da tela. Como você sabe, essas propriedades estão relacionadas aos eventos do mouse. Para isso, precisamos usar esses eventos, e já estamos familiarizados com isso. Então, vamos começar a prática e ver como podemos extrair o valor da resolução da tela. Como podemos extrair posição do CRS de acordo com a área da borda da tela Então, vamos entrar no editor de código do VS Studio. Como você pode ver, lado a lado, abro meu editor de código do VS Studio e meu navegador usando a extensão Live Server e abro meu documento de tabela anterior chamado ponto de índice em. Em nosso tutorial anterior, aprenderemos sobre a propriedade PageX e Page wi Além disso, aprendemos sobre o texto do cliente e a propriedade Clidi. E agora eu quero extrair a distância do meu cursor de acordo com o tamanho da tela. Quero dizer que quero extrair o valor x xs do meu cursor, de acordo com este ponto, esse tamanho de tela. Do lado do laboratório, quero medir o ponto do cursor. Então, primeiro, removerei as linhas sem perfume e substituirei a tela da roda de propriedades da página X. Tela x. Além disso, vou remover essa linha e o motipo que o valor da tela X é e você vai colocar o valor no meu console Então, antes de configurar esse arquivo, vou abrir meu console e quero configurar esse arquivo. Depois de configurar este arquivo, quando eu abro meus carros na minha tela, aqui você pode ver o resultado. Agora você pode ver que o valor x da tela é 1357. Tem 1357 pixels. E se eu movê-lo no canto direito, no lado direito, agora nosso valor x da tela é 1918 porque nossa resolução de tela é 1920 5.080, e ela imprime o valor x da tela quase E se eu remover com o cursor fora do navegador , agora não vai funcionar. Eu trabalho apenas na área da janela do navegador. Ele mediu a distância quando eu movo meu cursor dentro da área da janela de visualização Da mesma forma, podemos extrair y xs. Só precisamos ditar essa linha, e precisamos substituir o nome da variável x por y e precisamos usar a propriedade de tela y. Em seguida, vou duplicar essa linha no meu console e vou imprimir a tela Y. Tela Y. E vou configurar esse arquivo Depois de definir este arquivo, se eu pular minhas curvas nessa posição, aqui você pode ver o valor da tela y na parte superior Aqui você pode ver que o valor de y xs é 651 pixels. Ele medirá a distância da resolução exata da tela. Espero que agora esteja claro para você qual é o uso dessas propriedades. Obrigado por assistir a este vídeo, prepare-se para o próximo tutorial. 105. Tutorial de JavaScript offsetX e offsetY: Olá, pessoal. É bom ver você de volta. Mais uma vez, estou de volta com um novo tutorial relacionado ao JavaScript. Neste tutorial, aprenderemos sobre duas novas propriedades do Java Script. Defina X e defina Y. Então, como você pode ver neste exemplo, temos uma janela do navegador Dentro dessa janela do navegador, criamos um elemento profundo. E nesse elemento profundo, você pode ver o ponteiro do mouse E agora eu quero extrair as coordenadas do mouse. Mas desta vez eu quero extrair a coordenada do mouse de acordo com a área profunda Precisamos extrair o valor acordo com a posição profunda, não com a janela do navegador e também com a resolução da tela. Para isso, o Java strip introduz uma nova propriedade, defina X e defina Y. Já aprendemos sobre propriedades semelhantes em nosso tutorial anterior O texto do cliente e o brinquedo do cliente também exibem a tela X e a tela I. texto do cliente e a propriedade em todo o cliente fornecem o valor de acordo com o tamanho da janela do navegador. Quero dizer que ele medirá a distância do ponto X xs do navegador, e a tela X e a propriedade da tela fornecerão o valor da largura e altura da tela. E nós já estamos familiarizados com isso. E, como você sabe, todas essas propriedades são relacionadas a eventos do mouse. Precisamos usar o Mouse Even para usar essa propriedade. E já estamos familiarizados com esses eventos de mouse. Então, sem perder seu tempo, vamos começar a prática e ver como podemos extrair o valor de x xs e Y xs usando set X property e set yproperty. Então, como você pode ver, lado a lado, abro meu editor de código Visa Studio e meu navegador usando a extensão Lp Sever, e eu já criei um nome de documento estável index dot A stable Então, como você pode ver, em nossa tag body, temos uma tag profunda com a caixa de nome da classe. E em nossa seção de estilo, eu já estilizei esse elemento de caixa. Ele oeste tem 500 pixels e altura, 400 pixels. Também defino a borda e a cor do plano de fundo. Então, vamos entrar na tag do script. Script e, a princípio, vou criar uma variável onde e nossa variável é alvo. Meta igual a, eu quero atingir esta grande etapa. Então, aqui, vou usar o método seletor Qi. Documento. Seletor de consulta por pontos Então, dentro do latão redondo, dentro das aspas duplas, caso contrário, aspas simples, vou digitar caixa de pontos Vamos selecionar esse elemento de usando seu nome de classe. Há duas escórias nesta linha. Agora vou adicionar um evento à variável de destino. Para isso, Amo digite target dot, vou usar um método chamado add event listener Adicionar ouvinte de eventos. Então, dentro do processo redondo, o nome do evento é Nome do mouse Vírgula, e aqui vou chamar a função nOS. E nessa função, vou passar uma variável. Como forma abreviada, vou usar t. Agora vou criar duas variáveis, que armazenarão nosso x x zero, x. Vou criar e nossa variável m é x. X igual a. Primeiro, eu quero obter o tipo de soma xx zero e definir x. Em seguida, semicl para n nesta linha Em seguida, vou duplicar essa linha e, desta vez, vou substituir x w y. E desta vez, quero armazenar o valor de y x, digitar set y. E agora, depois de armazenar o valor, quero imprimir os dois valores no meu console Ponto do console, registre dentro da prensa redonda dentro da única. Primeiro, vou imprimir o conjunto X. O valor de Oset x é dois pontos, sinal de concatação, e vou passar a variável x e o semicon dois nesta linha Então eu duplico essa linha e substituo x por y. Ao contrário, y. Além disso, você precisa substituir o nome da variável Em seguida, poluição atmosférica para acabar com essa linha. E antes de configurar esse arquivo, vou ligar meu console. Inspecione a seção do console. Como você pode ver em nosso console, não há nada. Mas depois de definir esse arquivo, se eu passar meus carros sobre esse elemento profundo, aqui você pode ver o valor Opa, eu esqueci uma coisa. Precisamos limpar nossa seção de console. Caso contrário, ele imprimirá todos os valores de uma só vez. Portanto, método de limpeza de pontos do console tipo H. Isso limpará nossas linhas desnecessárias. Após a etapa deste arquivo, se as curvas do meu hobby estiverem no elemento profundo, aqui você pode ver o valor de Oset x e o valor de oset y. O valor de pset x é 230 e o valor de pset y é 219 Se eu me mover pelas curvas, as curvas estão no canto esquerdo, curvas para cima estão no canto superior superior, como você pode ver, agora ele pinta o pset X dois e o Opset y como você pode ver, agora ele pinta o pset também dois Então é assim que essas propriedades funcionam em JavaScript. Espero que agora esteja claro para você. Qual é a operação de uso? Obrigado por assistir a este vídeo, fique atento ao próximo tutorial

Desbloqueio de JavaScript: conceitos básicos e além

Jayanta Sarkar, Behind the Code: Jayanta Sarkar

Assista a este curso e milhares de outros

Assista a este curso e milhares de outros

Aulas neste curso

1.

Introdução do curso

3:12

2.

Tutorial de implementação de JavaScript

7:15

3.

Adicionar tags Html no tutorial de JavaScript

2:08

4.

Tutorial de comentários em JavaScript

2:53

5.

Tutorial de variáveis em JavaScript

8:32

6.

Variáveis de JavaScript (Let & Const) Tutorial

4:54

7.

Tutorial de tipos de dados em JavaScript

7:49

8.

Tutorial de operadores aritméticos em JavaScript

8:17

9.

Tutorial de operadores de repartição em JavaScript

4:50

10.

JavaScript com o Google Chrome Console Tutorial, parte 1

5:13

11.

JavaScript com o Google Chrome Console Tutorial, parte 2

4:20

12.

Tutorial de operadores de comparação de JavaScript

6:53

13.

Tutorial de declaração de JavaScript

5:26

14.

Tutorial de operadores lógicos de JavaScript

6:31

15.

Tutorial de declaração de JavaScript If Else

5:08

16.

Tutorial de JavaScript if else

7:10

17.

Tutorial de operador ternário condicional de JavaScript

5:41

18.

Tutorial de caso de comutação de JavaScript

8:41

19.

Tutorial de caixa de alerta de JavaScript

3:55

20.

Tutorial de confirmação de caixa de JavaScript

3:44

21.

Tutorial de caixa de prompt de JavaScript

3:40

22.

Tutorial de funções de JavaScript

6:06

23.

Funções de JavaScript com parâmetros

7:58

24.

Funções de JavaScript com tutorial de valor de retorno

7:08

25.

Tutorial de variável global e local de JavaScript

3:42