MundoDoDev

Se você está aprendendo JavaScript , em algum momento vai precisar repetir instruções várias vezes. É aí que entra a estrutura de repetição while , uma das formas mais simples de criar loops em programação. Neste post, vou te explicar de forma clara, didática e com exemplos práticos como usar o while no JavaScript para deixar seus programas muito mais poderosos. O que é o while em JavaScript? A palavra while em inglês significa “ enquanto ”. Na programação, o while executa um bloco de código enquanto uma condição for verdadeira . Estrutura básica: O programa verifica a condição . Se for verdadeira , o bloco dentro das { } é executado.  Depois ele volta para a condição e repete o processo. Se a condição for falsa , o loop para. Exemplo 1 – Contando de 1 a 5 Explicação: A variável numero começa em 1. O while roda enquanto numero <= 5 . A cada repetição, ele mostra o número e soma +1. Quando numero chega a 6, a condição é falsa e o loop para. Resultado no console: Exemplo 2 – Ped...

Quando você começa a programar em JavaScript , uma das primeiras coisas que aprende é a estrutura condicional if . Ela é responsável por dar “inteligência” ao código, permitindo que ele tome decisões automaticamente . Em português claro: o if significa “ Se isso for verdade, então faça aquilo ”. É exatamente assim que conseguimos criar programas que respondem a diferentes situações. Como funciona o if no JavaScript? A lógica do if é bem simples: O programa verifica uma condição . Se a condição for verdadeira (true) → executa o código dentro das chaves { } . Se a condição for falsa (false) → ignora o bloco e segue o restante do código. Exemplo prático: Verificando a idade Explicação do código: Criamos a variável idade e atribuímos o valor 18 . O if verifica a condição idade >= 18 . Como a condição é verdadeira, o programa mostra na tela a mensagem: “Você é maior de idade!” . Se a idade fosse menor que 18, nada aconteceria, pois o bloco seria ignorado . Por que o if é tão import...

Você já imaginou transformar o navegador em uma calculadora inteligente ? No JavaScript , isso é totalmente possível com os operadores matemáticos . Eles permitem que você faça contas diretamente no código, desde uma simples soma até operações mais avançadas. Se você está começando a programar, entender esses operadores é essencial para construir sistemas dinâmicos, como: Calcular preços em um carrinho de compras. Somar pontos em um jogo. Fazer verificações matemáticas em formulários. Quais são os operadores matemáticos do JavaScript? Assim como na matemática tradicional, temos os principais operadores que permitem realizar cálculos básicos. Veja a tabela: Operador Significado Exemplo ...

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...

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...

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...

Quando você começa a aprender JavaScript , uma das primeiras funções que encontra é o famoso document.write().  Ele é simples, direto e cumpre exatamente o que promete: escrever conteúdo HTML diretamente na página.  Mesmo que hoje existam métodos mais modernos para manipular o conteúdo da web, o document.write()  ainda é ótimo para exemplos iniciais  e para entender como o JavaScript interage com o HTML. O que é o document.write() e para que serve? O document.write()  é uma função nativa do JavaScript  que permite inserir texto  ou código HTML  diretamente no documento da página, no mesmo em que ela está sendo carregada.  Você pode usá-lo para: Escrever mensagens simples na tela. Inserir pequenos blocos de HTML dinamicamente.  Criar exemplos rápidos durante o aprendizado. Exemplo prático com document.write() Como o código funciona? O JavaScript está entre as tags <script> e </script> . Quando a página é carregada, o navegador...