Pular para o conteúdo principal

Postagens

Mostrando postagens com o rótulo ProgramaçãoWeb

Alterando Valores de Variáveis em JavaScript – Guia Rápido e Didático

Quando você começa a programar em JavaScript, um dos conceitos mais importantes que precisa entender é que nem todas as variáveis são fixas. Se você criar uma variável usando let , poderá alterar seu valor a qualquer momento no código.  Essa é uma das grandes forças do JavaScript: poder trabalhar com dados que mudam conforme a lógica do seu programa. Por que mudar valores de variáveis é importante? Imagine um jogo: O jogador começa com 100 pontos. A cada fase, ele pode ganhar ou perder pontos. Se não fosse possível alterar o valor de uma variável, como faríamos para atualizar a pontuação? Por isso, variáveis mutáveis (criadas com let) são essenciais para armazenar dados que mudam durante a execução. Exemplo prático: alterando valores com let Como o código funciona? let cor = "Azul"; → Criamos a variável cor com valor inicial "Azul" . document.write("Cor inicial: " + cor); → Mostra o valor inicial na página. cor = "Vermelho"; → Alteramos o valo...

Tipos de Dados em JavaScript – Entenda String, Number e Boolean

Se você está aprendendo JavaScript , antes de criar grandes projetos é fundamental entender uma coisa: nem todos os dados são iguais . O JavaScript trabalha com diferentes tipos de dados e saber identificar cada um deles é o que vai evitar erros e facilitar muito sua vida como programador. Pense nos tipos de dados como rótulos que dizem ao JavaScript "que tipo de informação você está guardando" . Assim, o computador sabe como armazenar e trabalhar com ela. Os principais tipos de dados no JavaScript No início, você precisa dominar três tipos básicos: String (texto) Uma String é um conjunto de caracteres (letras, números, símbolos) sempre colocados entre aspas simples ' ' ou duplas " " . Usado para guardar textos, nomes, frases e até números que não serão usados em cálculos. Number (número) O tipo Number é usado para valores numéricos, seja inteiro (10) ou decimal (3.14). Usado para cálculos, operações matemáticas e comparações numéricas. Boolean (verdad...

Criando Variáveis em JavaScript – Guia Completo para Iniciantes

Se você está dando os primeiros passos no JavaScript , vai se deparar rapidamente com um dos conceitos mais importantes da programação: variáveis . Elas são como caixinhas onde guardamos informações para usar mais tarde no código. Sem variáveis, seria impossível criar sistemas dinâmicos — afinal, como guardar o nome de um usuário, a pontuação de um jogo ou o preço de um produto sem ter onde armazenar? O que são variáveis? Em JavaScript, variáveis são espaços na memória que guardam dados. Esses dados podem ser textos, números, valores booleanos (verdadeiro/falso), objetos e muito mais. No JavaScript moderno, temos três formas de criar variáveis: let: forma mais usada hoje. Permite mudar o valor depois. const: cria uma constante, ou seja, o valor não pode ser alterado. var: forma antiga, usada em códigos mais antigos, mas não recomendada para novos projetos. Exemplo prático criando variáveis Como o código funciona? let nome = "Maria"; – cria uma variável chamada nome e guar...

Usando console.log() no JavaScript - O Olho Mágico do Programador

Se o alert()  é como um bilhete colado na tela do usuário, o console.log()  é como um diário secreto do programador . Ele não interrompe a página, não irrita o visitante e ainda entrega informações preciosas direto para você, desenvolvedor. Quer aprender a usá-lo para testar, depurar e entender melhor seu código? Então vamos nessa! O que é o console.log() e para que serve? O console.log()  é uma função nativa do JavaScript  usada para enviar mensagens e informações para o console do navegador . Ele é muito útil para: Testar e verificar se o código está funcionando. Mostrar o valor de variáveis em tempo real. Acompanhar o fluxo de execução do programa. Depurar erros sem interromper a experiência do usuário. Como abrir o console no navegador Abra qualquer página no seu navegador (Google Chrome, Firefox, Edge...). Pressione F12 no teclado. Vá até a aba Console . Tudo que você enviar com console.log()  vai aparecer ali. Exemplo prático do console.log() Como o código...

Usando alert() no JavaScript - Guia Rápido e Didático

Se você está começando no mundo da programação, provavelmente já ouviu falar do famoso alert()  no JavaScript. Essa função é uma das formas mais simples (e antigas) de interagir com o usuário diretamente no navegador. E mesmo que hoje existam formas mais modernas de exibir mensagens, o alert()  continua sendo uma ferramenta muito útil para testes rápidos, debug simples  e avisos importantes  em páginas web. O que é alert() e para que serve? A função alert()  é nativa  do JavaScript, ou seja, não precisa instalar nada ou importar bibliotecas. Ela exige uma caixa de diálogo  no navegador com um texto e um botão "OK". Você pode usá-lo para: Mostrar uma mensagem de boas-vindas . Exibir um aviso importante . Fazer testes rápidos  durante o desenvolvimento. Exemplo prático do alert() Vamos criar um exemplo simples que mostra uma mensagem quando a página carrega: Como o código funciona? O JavaScript está entre as tags <script>  e </script...