Arquivo para Programação em JavaScript - Bóson Treinamentos em Ciência e Tecnologia

Como gerar números primos em JavaScript

Fábio dos Reis — Thu, 12 Sep 2024 13:36:31 +0000

Gerar números primos em JavaScript

Neste tutorial vou mostrar como criar um script relativamente simples em JavaScript que permite aos usuários gerarem uma lista com números primos, iniciando em 2 (que é o primeiro número primo) até um valor informado pelo usuário, que será o limite da lista gerada.

Um número é considerado primo se ele for maior que um e divisível (no caso, divisão inteira) apenas por si próprio e por 1. Por exemplo:

O número 23 é um número primo, pois ele só é divisível por 23 (ele próprio) e por 1.
Já o número 24 não é primo, pois além de ser divisível por si mesmo e por 1, ele também é divisível por outros números, como 2, 3, 4 e 6.

O número 1 não é considerado um número primo na matemática.

Script que gera números primos em JavaScript

O nosso script deverá realizar as seguintes tarefas:

Calcular e mostrar na tela os números primos de 2 até um valor fornecido pelo usuário, usando JavaScript
O numero fornecido pelo usuário será digitado em uma caixa de texto em uma página HTML
Os números gerados serão exibidos no corpo do documento, um por linha.
A geração dos valores se dará após o usuário clicar em um botão btnGeraPrimos.
O código JavaScript será declarado no cabeçalho da página HTML, para melhor organização do código, e invocado no botão.
Adicionar validação: se o usuário fornecer um número negativo, avisar que não é possível gerar a sequência de primos.
Mais validação: se o usuário informar um caractere que não seja um número, será avisado de que não é possível gerar a sequência de primos.

Também iremos estilizar o formulário e a saída gerada usando CSS, em um arquivo separado de folha de estilos, que chamaremos de estilos.css.

Vamos à codificação.

Códigos em HTML, CSS e JavaScript

1. Página HTML com JavaScript: arquivo index.html




    
    
    Gerador de Números Primos
    
    




    Gerador de Primos
    Digite um número:

2. Folha de estilos externa: arquivo estilos.css

body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
.container {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    max-width: 400px;
    width: 100%;
}
h1 {
    text-align: center;
    color: #333;
}
label {
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
}
input[type="text"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
}
.error {
    color: red;
    font-size: 14px;
    margin-bottom: 10px;
}
.success {
    color: green;
}
button {
    width: 100%;
    padding: 10px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
}
button:hover {
    background-color: #45a049;
}
.output {
    margin-top: 20px;
    background-color: #f9f9f9;
    padding: 10px;
    border-radius: 5px;
    height: 200px;
    overflow-y: auto;
    border: 1px solid #ccc;
}

Teste da aplicação

Vamos abrir a página e pedir para que sejam gerados os números primos até 33:

Caso o usuário tente gerar a sequência fornecendo um número negativo ou um caractere não-numérico, será exibida a mensagem de erro e a sequência de números primos não será gerada:

Foi fornecido o número -5 (negativo), por isso a mensagem de erro.

Funcionamento do Código

HTML: O formulário possui um campo de entrada (input) no qual o usuário digita um número, e um botão para invocar a função JavaScript que gera os números primos. Há uma área para exibir os erros de validação logo abaixo e uma área de saída para exibir os números primos.

CSS: A página está estilizada para ter uma aparência limpa e amigável, como é sempre recomendável. Centralizamos o formulário na página e os elementos como caixas de texto e botões têm um design agradável, com cor de fundo verde para o botão e texto de mensagem de erro em vermelho – mas você pode alterar isso à vontade, evidentemente.

A saída dos números primos será em uma área de rolagem (output), que facilita a visualização dos números, caso sejam gerados muitos.

JavaScript: O código JavaScript foi inserido no cabeçalho da página, e consiste em duas funções com tarefas específicas:

ePrimo: Função que verifica se um número é primo. Ela percorre os divisores do número até sua raiz quadrada.
gerarPrimos: Função principal que é chamada ao clicar no botão. Ela valida a entrada do usuário, calcula os números primos até o valor fornecido, e os exibe no corpo da página.

Também são realizadas validações: Se o valor fornecido não for um número, ou se for um número negativo, uma mensagem de erro é exibida.

Conclusão

Neste post mostrei um script simples para gerar uma listagem de números primos, que você pode – e deve – usar para estudar a linguagem e se aprofundar nas suas técnicas de programação.

Nos próximos artigos veremos scripts para resolver diversos outros problemas, sempre com esse foco: o aprendizado da linguagem JavaScript.

Até!

O post Como gerar números primos em JavaScript apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

Exercícios de JavaScript Resolvidos – Funções

Fábio dos Reis — Thu, 24 Nov 2022 12:09:31 +0000

Exercícios de JavaScript Resolvidos – Funções

Funções, em programação, são conjuntos de instruções que podem ser executadas como um único comando. Permitem efetuar reuso de código, poupando muitas linhas de programação nos scripts.

Podem ainda receber parâmetros e retornar valores, ou simplesmente executar uma tarefa.

Saber criar e utilizar funções é uma habilidade crucial em qualquer linguagem de programação, e não seria diferente em programação para Web.

Neste artigo trago diversos exercícios sobre funções em JavaScript, com resolução sugerida no final, para você praticar programação na linguagem.

Lista de Exercícios – Funções em JavaScript

1. Escreva uma função em JavaScript que mostre na tela a mensagem “Bom dia, Mundo!!!”.

2. Escreva uma função que retorne o cubo de um número fornecido pelo usuário.

3. Escreva uma função em JavaScript que realize a conversão de uma temperatura fornecida em graus Fahrenheit (F) para Celsius (C).

Dica: para converter uma temperatura em F para C, subtraia 32 da temperatura e multiplique o resultado por 0,5556 (ou 5/9).

4. Escreva uma função que retorne a área de um triângulo, a partir dos valores de base e altura fornecidos.

5. Escreva uma função que encontre a área e o perímetro de um círculo, de acordo com o raio fornecido.

6. Escreva uma função que mostre na tela um número fornecido pelo usuário, porém invertido. Por exemplo, o usuário fornece o número 875 e a função mostra na tela o número 578.

7. Escreva uma função que permita contar o número de vogais contidas em uma string fornecida pelo usuário. Por exemplo, o usuário informa a string “Beterraba”, e a função retorna o número 4 (há 4 vogais nessa palavra).

Obs. Ignore vogais acentuadas, para simplificar.

8. Escreva uma função que informe o retorno de um investimento (montante) com base nos valores do capital inicial, tempo em meses e taxa de juros mensal, fornecidos pelo usuário.

Use a fórmula: M = C * (1+i)^t
Onde:

C = Capital inicial investido
i = Taxa de juros, em percentual
t = Tempo do investimento, em meses

Exiba o resultado com duas casas decimais.

9. Escreva uma função que calcule e retorne o fatorial de um número inteiro fornecido pelo usuário.

10. Escreva uma função em JavaScript que conte quantas vezes um caractere aparece em uma string. Tanto o caractere quanto a string devem ser fornecidos pelo usuário.

11. Escreva uma função que verifica se um número fornecido pelo usuário em um prompt é primo ou não.

Resolução dos exercícios de JavaScript

function mostraMensagem() {
    document.write("Bom dia, Mundo!!!");
}

function calculaCubo(num) {
    return num*num*num;
}

Teste – Calcular o cubo de 6:

document.write(calculaCubo(6));

function converteFparaC(F) {
    var celsius = (F - 32) * (5 / 9)
    return celsius;
}

Teste: Converter a temperatura de ebulição da água em Fahrenheit (212°F) para Celsius.

document.write(converteFparaC(212));

function areaTriangulo(b, a) {
    var area = (b * a) / 2
    return area;
}

Exemplo: Qual a área de um triângulo cuja base mede 5cm e a altura, 10cm?

var base = 5
var altura = 10
document.write("Área do triângulo: " + areaTriangulo(base, altura) + " cm²");

function calculaCirculo(raio) {
    return `Perímetro: ${2*Math.PI*raio} 
 Área: ${Math.PI*raio*raio}`;
}

Teste com um círculo de raio 10:

document.write(calculaCirculo(10));

function inverteNum(num) {
    var inverso = 0;
    while(num != 0)
    {
        inverso = inverso * 10;
        inverso = inverso + num % 10;
        num = Math.trunc(num/10); // Remover casas decimais
    }
    return inverso;
}

Teste com o número 875:

document.write(inverteNum(875));

function contaVogais(texto) {
    var cont = 0;
    texto=texto.toLowerCase();
    for(var i=0; i//Incrementa a contagem de vogais
        }
    }
    return cont;
}

Teste com a palavra “JavaScript”:

n = contaVogais("JavaScript");
document.write("Número de vogais: " + n);

function retornoInvestimento(c, i, t) {
    var m = c * (1 + i) ** t;
    return m;
}

Exemplo: Qual o montante (total) a ser recebido de um investimento de R$ 10.000,00 em um título que rende 0,5% ao mês, por um período de 2 anos (24 meses)?

var capital = 10000
var txJuros = 0.5 / 100
var periodo = 24
var montante = retornoInvestimento(capital, txJuros, periodo);
document.write("Montante a resgatar: " + montante.toFixed(2));

function calcFatorial(num) {
    if(num < 0) {
        return "Número inválido";
    }
    if(num==1 || num==0){
        return 1; // Caso base
    }
    return num*calcFatorial(num-1);
}

Teste: calcular fatorial de 5:

document.write(calcFatorial(5));

10.

function contaLetras(texto, letra) {
    var cont=0;
    texto=texto.toLowerCase(); //Coloca texto em minúsculas
    for(var i=0; i//Incrementa contagem
        }
    }
    return cont;
}

Teste: quantas vezes a letra “a” aparece na palavra “JavaScript”?

document.write(contaLetras("JavaScript", "a"));

11.

function numeroPrimo(n) {

// Verificar se número é igual a 1 (não é primo)
    if (n === 1) {
        return "Número 1 não é primo.";
    }
// Verificar se número é menor do 1 (não são primos)
    else if (n < 1) {
        return "Números menores que 1 não são primos.";
    }
    else {
        for (i = 2; i < n; i++) {
            if (n % i == 0) {
                primo = false;
                break;
            }
        }
    }

    if (primo) {
        return `${n} é um número primo`;
    }
    else {
        return `${n} não é um número primo`;
    }
}

Teste: verificar se um número é primo:

const numero = parseInt(prompt("Digite um número inteiro qualquer, positivo:"));
let primo = true;
res = numeroPrimo(numero);
document.write(res);

O post Exercícios de JavaScript Resolvidos – Funções apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

Como converter strings para números em JavaScript

Fábio dos Reis — Sat, 09 Feb 2019 16:34:59 +0000

Converter strings para números em JavaScript

Em JavaScript, assim como na maioria das linguagens de programação, podemos representar valores numéricos como números mesmo, ou como strings.

Geralmente usamos a representação como string quando é necessário exibir resultados ou informações para o usuário, e não precisamos realizar cálculos com os valores numéricos.

Porém, para ser capaz de realizar cálculos numéricos com os valores (por exemplo, advindos de um formulário), é necessário que esses valores estejam representados no formato adequado, ou seja, que sejam do tipo numérico. Caso contrário, as operações aritméticas podem falhar: uma soma pode ser interpretada como uma concatenação de strings, por exemplo.

Neste artigo vou mostrar três funções simples que podem ser utilizadas para realizar a conversão de strings para valores numéricos explicitamente.

Converter string para inteiro: Método parseInt()

Podemos converter uma string em um valor numérico inteiro empregando o método parseInt().

Sintaxe:

parseInt(numero, base)

numero é o valor de string que deve ser convertido em tipo numérico (deve ser um número que está sendo representado como string; caracteres de texto não podem ser convertidos).
base é a base numérica a utilizar. O padrão é 10, caso nenhuma base seja informada.

O método retorna NaN (Not a Number) se o valor não puder ser convertido em inteiro.

Exemplo:

var entrada = '30';
var numInteiro = parseInt(entrada, 10);
//ou simplesmente
var numInteiro = parseInt(entrada, 10);

Converter string para decimal: Método parseFloat()

Podemos também converter uma string em um valor numérico de ponto flutuante empregando o método parseFloat().

Sintaxe:

parseFloat(numero)

numero é o valor de string que deve ser convertido em tipo numérico (caracteres de texto não podem ser convertidos).

Exemplo:

var entrada = '3.1415';
var pi = parseFlot(entrada);

Converter strings para números: o objeto Number()

O objeto Number() também pode ser empregado para realizar a conversão de uma string em valor numérico. O número retornado pode ser um inteiro ou um número de ponto flutuante.

Se uma string de texto for passada para este método, será retornado o valor “NaN”, que significa “Not a Number” (Não é um Número).

Sintaxe:

Number(valor)

valor é a string que deve ser convertida em tipo numérico (caracteres de texto não podem ser convertidos).

O método Number também pode converter valores de data em números, retornando o número de milissegundos decorridos desde 01/01/1970 00:00:00 UTC.

Exemplo:

var entrada = '600';
var result = Number(entrada);

No geral, se você souber qual o tipo de número esperado, recomenda-se usar o método apropriado (parseInt ou parseFloat), em vez do objeto Number.

O post Como converter strings para números em JavaScript apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

Curso de JavaScript – Método getElementById()

Fábio dos Reis — Wed, 30 Jan 2019 13:55:07 +0000

Método getElementById()

O método getElementById() permite obter um elemento do documento a partir de seu atributo ID especificado.

É um método importante e muito empregado para obter informações ou manipular um elemento em um documento HTML. É suportado atualmente por todos os navegadores mais comuns.

Este método retorna o valor null se nenhum elemento com o id especificado for encontrado.

Sintaxe:

document.getElementById("ID");

Onde o parâmetro ID é o valor do atributo id do elemento que desejamos obter.

Uma observação importante: o atributo ID é uma string case-sensitive, ou seja, que diferencia maiúsculas de minúsculas.

Como trabalhar com a propriedade value

Podemos utilizar a propriedade value para obter e manipular o valor inserido em um controle como textbox, password, textarea ou outros controles específicos em um formulário:

var item = document.getElementById("id-controle");

// Para verificar o valor:
console.log(item.value);

Podemos modificar o valor do controle por meio da propriedade value também:

item.value = "Novo valor atribuído";

Como trabalhar com a propriedade innerHTML

Podemos também obter ou modificar o valor presente em um elemento fora de um formulário, como um parágrafo

ou , usando a propriedade innerHTML:

1 – Ler o valor de um elemento de id ID_elemento:

var x = document.getElementById("ID_elemento").innerHTML;

2 – Modificar o valor de um elemento de id ID_elemento:

document.getElementById("ID_elemento").innerHTML = "Novo valor";

Exemplos

Exemplo 01

Capturamos o texto digitado em uma caixa de texto do tipo input box e realizamos algumas ações sobre esse valor:

Exibir uma mensagem em uma caixa de alerta
Copiar o valor dessa caixa de texto para outra caixa de texto
Escrever o valor no corpo da página, usando um elemento e a propriedade innerHTML do objeto.

getElementById JavaScript

Usando JavaScript getElementById

Exemplo 02

Alteramos a cor de um elemento da página pressionando botões. Para isso vamos alterar as propriedades style.color, style.backgroundColor e style.borderBottom do elemento. Para isso criaremos duas funções distintas, mudaCor() e mudaCorFundo():

Exemplo getElementById

Se inscreva no canal da Bóson Treinamentos em Tecnologia!

Exemplo 03

Vamos criar um script que permite calcular o quadrado de um número digitado em uma caixa de input, exibindo o resultado em outra caixa de input e também no corpo da página:

getElementById JavaScript

Calcular o quadrado de um número

Exemplo 04

Agora vamos trabalhar com uma caixa de cores (HTML5), que nos permitirá selecionar as cores do texto e de fundo a serem aplicadas em um conteiner :

Exemplo getElementById

Se inscreva no canal da Bóson Treinamentos em Tecnologia!

Cor do texto: Cor do fundo:

Visualização:

Usando o método getElementById e caixa de Cores HTML para alterar cor de texto

Note que usamos um novo método: document.querySelector(). Este método permite ler um elemento HTML, recebendo como parâmetro um seletor CSS – no caso, usamos o ID da caixa de cores (elemento color). Se for usado o método getElementById() obteremos o mesmo resultado aqui – tente alterar o método para testar!

Falaremos de forma mais aprofundada sobre o querySelector() em outra lição.

O post Curso de JavaScript – Método getElementById() apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

Data e Hora em JavaScript 03 – métodos set do objeto Date (setters)

Fábio dos Reis — Mon, 06 Mar 2017 21:52:12 +0000

Métodos set do objeto Date (setters)

Os métodos set do objeto Date são utilizados para alterar (ajustar) partes da data e hora armazenada.

A tabela a seguir mostra os métodos setters mais comuns do objeto Date.

Método	Descrição
setDate()	Configura o dia do mês, entre 1 e 31
setFullYear()	Configura o ano com 4 dígitos
setHours()	Ajusta a hora, entre 0 e 23
setMilliseconds()	Configura os milissegundos, entre 0 e 999
setMinutes()	Configura os minutos da hora, entre 0 e 59
setMonth()	Configura o mês, entre 0 e 11 (0 é janeiro)
setSeconds()	Configura os segundos do minuto, entre 0 e 59
setTime()	Configura o tempo em milissegundos decorridos desde 01/01/1970

Exemplos de aplicação dos setters do objeto Date:

O código a seguir ilustra o uso dos métodos set do objeto Date em JavaScript:



Datas em JavaScript: Setters





Preencha os campos a seguir para alterar a data e clique no botão "Alterar Data"
Dia:


Mês:

Ano:

Anterior: Visualizando Data e Hora com métodos get do objeto Date em JavaScript

O post Data e Hora em JavaScript 03 – métodos set do objeto Date (setters) apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

Data e Hora em JavaScript 02 – métodos get do objeto Date (getters)

Fábio dos Reis — Mon, 06 Mar 2017 21:23:40 +0000

Métodos get do objeto Date (getters)

Os métodos get do objeto Date são utilizados para obtermos partes da data e hora armazenada.

A tabela a seguir mostra os métodos getters mais comuns do objeto Date.

Método	Descrição
getDate()	Retorna o dia do mês, entre 1 e 31
getDay()	Dia da semana, entre 0 e 6 (0 é domingo)
getFullYear()	Ano com 4 dígitos
getHours()	Hora, entre 0 e 23
getMilliseconds()	Milissegundos, entre 0 e 999
getMinutes()	Minutos da hora, entre 0 e 59
getMonth()	Mês, entre 0 e 11 (0 é janeiro)
getSeconds()	Segundos do minuto, entre 0 e 59
getTime()	Milissegundos decorridos desde 01/01/1970

Exemplos de aplicação dos getters do objeto Date:

O código a seguir ilustra o uso dos métodos get do objeto Date em JavaScript:



Datas em JavaScript

Anterior: Data e hora em JavaScript: introdução ao objeto Date

Próximo: Ajustando Data e Hora no JavaScript – métodos setters do objeto Date

O post Data e Hora em JavaScript 02 – métodos get do objeto Date (getters) apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

Data e Hora em Javascript: o objeto Date

Fábio dos Reis — Mon, 06 Mar 2017 21:05:30 +0000

Data e Hora em Javascript: o objeto Date

O objeto Date é um objeto embutido do JavaScript que permite trabalhar com datas e horas.

Com ele, podemos armazenar datas e realizar operações sobre elas, por meio dos métodos do objeto.

As datas em JS são baseadas em um valor de tempo que corresponde ao número de milissegundos decorridos desde 01 de Janeiro de 1970, 00:00:00 UTC (O que chamamos de “época Unix”).

Datas anteriores a esse dia são armazenadas na forma de número negativo de milissegundos.

A faixa de datas suportadas pelo JS é de -100.000.000 de dias (anterior a 01/01/70) até 100.000.000 de dias após 01/01/1970.

Os objetos Date em JS somente podem ser instanciados chamando-se seu construtor, ou seja, usando o comando new.

Caso o objeto Date seja invocado como uma função (sem o operador new), será retornada uma string contendo a data e hora atuais.

Sintaxe para criação de objetos Date

Podemos criar um objeto Date de quatro formas distintas, como segue:

Objeto contendo a data e hora atuais. Basta invocar o construtor, sem passar nenhum argumento:

var data = new Date();

Passando o valor da data em milissegundos decorridos a partir de 01/01/1970, 00:00:00 (número inteiro):

var data = new Date(milissegundos);

Passando uma data, com dia, mês e ano (mês é contado a partir do zero = janeiro):

var data = new Date(ano, mês, dia);

Se o ano for passado com dois dígitos, será mapeado como um ano entre 1900 e 1999.

Opcionalmente podemos também passar horas, minutos, segundos e milissegundos, nessa ordem. Na verdade, o único argumento obrigatório nesse método é o ano; o mês e o dia também são opcionais.

Passando a data em uma string de formato específico:

var nome = new Date(string_de_Data);

Exemplos de criação de objeto Date

O código a seguir ilustra a criação de objetos Date em JavaScript:



Datas em JavaScript

Visualizar e alterar objetos de data

Para visualizarmos os elementos de data e hora dos objetos instanciados, vamos nos utilizar dos métodos get do objeto Date (getters).

Podemos alterar os valores dos elementos de data e hora com o uso dos métodos set (setters).

Esses serão os assuntos das próximas lições.

O post Data e Hora em Javascript: o objeto Date apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

Curso Básico de JavaScript – Convertendo tipos de dados

Fábio dos Reis — Wed, 14 Sep 2016 18:33:59 +0000

Convertendo tipos de dados em JavaScript

Às vezes precisamos informar em nosso código exatamente o tipo de dados que deve ser usado no processamento de informações.

Como o JavaScript é uma linguagem não-tipada, existe o risco de um tipo de dado ser interpretado de forma errônea em alguns casos particulares, causando problemas no processamento dos dados.

Podemos converter entre tipos de dados usando funções específicas no JavaScript, como os métodos parseInt() e parseFloat(), entre outras.

Operador typeof

Como operador typeof() podemos descobrir o tipo de um dado ou de uma variável. Veja os exemplos a seguir:

Converter números para strings

Para converter um número em string, use o método String(), como no exemplo a seguir:

Podemos também usar o método toString() do objeto Number para realizar essa conversão:

n = n.toString();

Convertendo valores lógicos para strings

O método global String() também pode converter um valor lógico (booleano) para string:

Podemos também usar o método toString() do objeto Boolean:

b = b.toString();

Convertendo uma string em número

Para converter uma string em um número podemos usar o método Number():

Convertendo string para número inteiro

Podemos converter uma string especificamente para um inteiro usando o método parseInt():

Convertendo string para número de ponto flutuante (float)

Podemos converter uma string especificamente para um número de ponto flutuante usando o método parseFloat():

Precisão de ponto flutuante

Quando trabalhamos com números de ponto flutuante. podemos controlar a precisão que será retornada (quantidade de casas decimais exibidas) usando o método toFixed(), o qual retorna uma string:

Os valores são arredondados com o método toFixed() se o número de casas a exibir for menor que o número de casas decimais que o número possui.

Tanto toFixed() quanto toPrecision() (próxima seção) são métodos do objeto Number.

Comprimento de ponto flutuante

Quando trabalhamos com números de ponto flutuante, podemos controlar o comprimento total do número que será retornado usando o método toPrecision(), o qual retorna uma string:

Neste exemplo o número 5 significa “exiba cinco dígitos”, incluindo o número em si e suas casas decimais.

Próximo: Operadores Relacionais

O post Curso Básico de JavaScript – Convertendo tipos de dados apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

Curso básico de JavaScript – Operadores Aritméticos

Fábio dos Reis — Mon, 12 Sep 2016 19:59:41 +0000

Operadores Aritméticos em JavaScript

Os operadores aritméticos são utilizados para a realização de cálculos simples em JavaScript.

Representam as operações matemáticos básicas de soma, subtração, divisão e multiplicação, além de algumas operações especiais, como o módulo e incremento / decremento.

O Módulo é o resto de uma divisão inteira. Por exemplo, se dividirmos 9 por 4 temos como resultado o valor 2,5; porém, se aplicarmos uma operação de módulo entre 9 e 4, teremos como resultado o valor 2 para a divisão inteira, e o resto igual a 1, que é o valor retornado pela operação de módulo.

Incrementar significa aumentar o valor de algo, e decrementar significa diminuir o valor de algo (uma variável, por exemplo). Neste caso, o operador de incremento aumenta o valor de uma variável em 1, e o operador de decremento diminui o valor da variável em 1.

A tabela a seguir mostra os operadores aritméticos e seus significados:

Operador	Significado
+	Soma
–	Subtração
*	Multiplicação
/	Divisão (normal)
%	Módulo
++	Incremento
—	Decremento

Vejamos um exemplo de uso de operadores aritméticos em JavaScript.

Exemplo 01: No código abaixo declaramos duas variáveis, a e b, cujos valores atribuídos são 10 e 20 respectivamente, e então aplicamos os operadores aritméticos mostrados em operações sucessivas para demonstrar seu funcionamento:

Exemplo 02: No próximo exemplo temos um script que calcula a área de um terreno a partir dos valores de largura e comprimento informados pelo usuário, em metros:

Próximo: Convertendo Tipos de Dados

O post Curso básico de JavaScript – Operadores Aritméticos apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.

Curso Básico de JavaScript – Constantes

Fábio dos Reis — Fri, 02 Sep 2016 19:17:59 +0000

Constantes em JavaScript

Uma variável comum pode ter seu valor alterado a qualquer momento durante a execução do script, bastando para isso atribuir um novo valor a ela. Porém, às vezes precisamos armazenar valores que nunca mudarão durante o decorrer da execução do programa.

Neste caso, podemos utilizar Constantes. Uma constante é criada como uma variável inicializada, e seu valor é permanente, não podendo ser alterado durante a execução do script. Ela recebe um valor ao ser criada, e esse valor permanece sempre o mesmo durante toda a execução do programa.

Criando uma constante em JavaScript

Para criar uma constante usamos a palavra-chave const, seguida do nome desejado para a constante e de um valor a ela atribuído. Por exemplo, vamos criar uma constante de nome PERIODO, cujo valor será o número 12:

const PERIODO = 12;

Após criada, essa constante PERIODO manterá o valor 12 durante a vida do script.

Uma boa prática ao criar constantes é nomeá-las sempre com letras maiúsculas para se diferenciarem de variáveis normais.

Se alterarmos o valor da constante no código (na linha onde foi declarada), seu valor será automaticamente alterado em todos os pontos onde a constante aparece no script. Essa é uma das grandes vantagens do uso de constantes, pois permite uma rápida manutenção no código quando necessário.

Exemplo de script com constantes

O exemplo a seguir usa uma constante de nome PERIODO, cujo valor é 10, para representar o número de parcelas de um empréstimo sem juros. O usuário deverá digitar o valor do empréstimo, e o programa irá informar o valor de cada parcela a ser paga:

Próximo: Operadores Aritméticos

O post Curso Básico de JavaScript – Constantes apareceu primeiro em Bóson Treinamentos em Ciência e Tecnologia.