JavaScript pode interagir com elementos HTML para alterar conteúdo, estilo e atributos.


Este é um parágrafo.

function alterarTexto() { document.getElementById(\\\"demo\\\").innerHTML = \\\"Texto alterado!\\\"; }

This is a paragraph.

Arrays e objetos são usados ​​para armazenar coleções de dados.

Matrizes

deixe frutas = [\\\"Maçã\\\", \\\"Banana\\\", \\\"Cereja\\\"];console.log(frutas[0]); //Saída: Maçã

let fruits = [\\\"Apple\\\", \\\"Banana\\\", \\\"Cherry\\\"];console.log(fruits[0]); // Output: Apple

deixar pessoa = { primeiroNome: \\\"João\\\", sobrenome: \\\"Doe\\\", idade: 30};console.log(pessoa.primeiroNome); //Saída: João

let person = {  firstName: \\\"John\\\",  lastName: \\\"Doe\\\",  age: 30};console.log(person.firstName); // Output: John

JavaScript moderno (ES6 e posterior) apresenta vários novos recursos:

Funções de seta

const add = (a, b) => a b;console.log(adicionar(2,3)); //Saída: 5

const add = (a, b) => a   b;console.log(add(2, 3)); // Output: 5

deixe nome = \\\"João\\\";console.log(`Olá, ${nome}!`); // Saída: Olá, John!

let name = \\\"John\\\";console.log(`Hello, ${name}!`); // Output: Hello, John!

let person = { primeiroNome: \\\"John\\\", sobrenome: \\\"Doe\\\" };deixe {nome, sobrenome} = pessoa;console.log(primeiroNome); //Saída: João

let person = { firstName: \\\"John\\\", lastName: \\\"Doe\\\" };let { firstName, lastName } = person;console.log(firstName); // Output: John

Esta é apenas uma breve introdução ao JavaScript. Há muito mais para explorar, incluindo tópicos avançados como programação assíncrona e APIs ......

Estou animado para compartilhar mais postagens de blog como esta. basta seguir e dar reações

","image":"http://www.luping.net/uploads/20240805/172285704466b0b654e2491.jpg","datePublished":"2024-08-05T19:24:04+08:00","dateModified":"2024-08-05T19:24:04+08:00","author":{"@type":"Person","name":"luping.net","url":"https://www.luping.net/articlelist/0_1.html"}}
"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"

JavaScript em inute

Publicado em 2024-08-05
Navegar:861

JavaScript in inute

Introdução

JavaScript é uma linguagem de programação versátil e de alto nível comumente usada no desenvolvimento web para criar experiências de usuário dinâmicas e interativas. Ele pode ser usado para desenvolvimento front-end e back-end, tornando-o uma ferramenta essencial para desenvolvedores web modernos.

Configurando

  1. Console do navegador: Abra seu navegador da web e acesse o console (geralmente encontrado nas Ferramentas do desenvolvedor).
  2. Editor de texto: Use qualquer editor de texto como VSCode, Sublime Text ou até mesmo o Bloco de Notas.

Fundamentos

Variáveis

Variáveis ​​são usadas para armazenar dados. Você pode declarar variáveis ​​usando let, const ou var.

let name = "John";
const age = 30;
var isStudent = true;

Tipos de dados

JavaScript oferece suporte a vários tipos de dados, incluindo:

  • String: "Olá"
  • Número: 42
  • Booleano: verdadeiro ou falso
  • Matriz: [1, 2, 3]
  • Objeto: { chave: "valor" }
  • Indefinido Indefinido
  • Nulo nulo
  • Funções

Funções são blocos de código projetados para executar uma tarefa específica.


função saudação() { console.log("Olá, mundo!"); } saudar(); // Saída: Olá, mundo!

function greet() {
  console.log("Hello, World!");
}

greet(); // Output: Hello, World!

Declarações Condicionais

Usado para realizar ações diferentes com base em condições diferentes.


deixe tempo = 20; se (tempo

let time = 20;
if (time 

Usado para repetir um bloco de código várias vezes.


for (seja i = 0; i

for (let i = 0; i 

JavaScript pode responder a eventos, como cliques ou entradas do teclado.


function digaOlá() { alerta("Olá!"); }


JavaScript pode interagir com elementos HTML para alterar conteúdo, estilo e atributos.


Este é um parágrafo.

function alterarTexto() { document.getElementById("demo").innerHTML = "Texto alterado!"; }

This is a paragraph.

Arrays e objetos são usados ​​para armazenar coleções de dados.

Matrizes

deixe frutas = ["Maçã", "Banana", "Cereja"]; console.log(frutas[0]); //Saída: Maçã

let fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits[0]); // Output: Apple

deixar pessoa = { primeiroNome: "João", sobrenome: "Doe", idade: 30 }; console.log(pessoa.primeiroNome); //Saída: João

let person = {
  firstName: "John",
  lastName: "Doe",
  age: 30
};
console.log(person.firstName); // Output: John

JavaScript moderno (ES6 e posterior) apresenta vários novos recursos:

Funções de seta

const add = (a, b) => a b; console.log(adicionar(2,3)); //Saída: 5

const add = (a, b) => a   b;
console.log(add(2, 3)); // Output: 5

deixe nome = "João"; console.log(`Olá, ${nome}!`); // Saída: Olá, John!

let name = "John";
console.log(`Hello, ${name}!`); // Output: Hello, John!

let person = { primeiroNome: "John", sobrenome: "Doe" }; deixe {nome, sobrenome} = pessoa; console.log(primeiroNome); //Saída: João

let person = { firstName: "John", lastName: "Doe" };
let { firstName, lastName } = person;
console.log(firstName); // Output: John

Esta é apenas uma breve introdução ao JavaScript. Há muito mais para explorar, incluindo tópicos avançados como programação assíncrona e APIs ......

Estou animado para compartilhar mais postagens de blog como esta. basta seguir e dar reações

Declaração de lançamento Este artigo foi reproduzido em: https://dev.to/lokesh_singh/javascript-in-5- Minute-3m0i?1 Se houver alguma violação, entre em contato com [email protected] para excluí-lo
Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3