Você está aqui: JavaScript ::: DOM (Document Object Model) ::: window Object (Objeto window)

Como usar o método alert() do objeto window para exibir mensagens de alerta aos usuários

Quantidade de visualizações: 11496 vezes
O método alert() do objeto window é usado quando queremos exibir mensagens de alerta aos usuários de nossas páginas. A mensagem exibida por este método contém apenas um botão OK.

Veja uma página HTML na qual exibimos uma mensagem de boas-vindas ao site:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

<html>
<head>
<title>Estudos JavaScript</title>
</head>
<body>

<script type="text/javascript">
  // vamos exibir uma mensagem ao usuário
  window.alert("Bem-vindo(a) ao meu site.");
</script>

</body>
</html>

Veja que aqui o texto da mensagem foi especificado entre aspas duplas. O JavaScript, no entanto, permite também o uso de aspas simples. Veja:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

<script type="text/javascript">
  // vamos exibir uma mensagem ao usuário
  window.alert('Bem-vindo(a) ao meu site.');
</script>

Note também que podemos exibir valores de variáveis (com ou sem concatenação de strings) usando este método. Veja:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

<script type="text/javascript">
  var nome = "Osmar J. Silva";  

  // vamos exibir o valor da variável nome
  window.alert(nome);

  // vamos concatenar uma frase à variável nome e
  // exibir o resultado
  window.alert("Bem-vindo ao meu site, " + nome);
</script>

A mensagem de alerta gerada pelo método alert() do objeto window é do tipo modal, ou seja, o navegador interrompe a execução do código JavaScript até que a janela da mensagem seja fechada. Além disso, este método não possui valor de retorno.

Link para compartilhar na Internet ou com seus amigos:

JavaScript ::: Dicas & Truques ::: Data e Hora

Como formatar datas em JavaScript de acordo com as configurações do computador do usuário usando a função toLocaleDateString()

Quantidade de visualizações: 7366 vezes
Nesta dica mostrarei como podemos usar a função toLocaleDateString() do objeto Date do JavaScript para formatar e exibir a data atual (ou uma data construída) usando as configurações regionais do computador do usuário.

Veja a página HTML completa para o exemplo:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

<!doctype html>
<html>
<head>
  <title>Datas em JavaScript</title>
</head>
<body>

<script type="text/javascript">
  // vamos obter a data atual
  var data = new Date();
  
  // formatamos a data
  var data_formatada = data.toLocaleDateString();
  
  // e mostramos o resultado
  document.write("Hoje é: " + data_formatada);
</script>
  
</body>
</html>

Ao executar este código JavaScript nós teremos o seguinte resultado:

Hoje é: 04/02/2022


JavaScript ::: Dicas & Truques ::: Arrays e Matrix (Vetores e Matrizes)

Adicionando três elementos ao final de um vetor em JavaScript usando o método push() do objeto Array - Como adicionar elementos ao final de um vetor usando JavaScript - Revisado

Quantidade de visualizações: 7135 vezes
Neste dica mostrarei como usar o método push() do objeto Array da linguagem JavaScript para adicionar três elementos ao final de um vetor. Veja o código completo, incluindo a página HTML que permite executar o exemplo:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

<html>
<head>
  <meta charset="utf-8">
  <title>Estudos JavaScript</title>
</head>
<body>

<script type="text/javascript">
  // vamos declarar e instanciar um vetor com 5 elementos
  var valores = new Array(1, 2, 3, 4, 5);
  document.write("Valores no vetor: " + valores + "<br>");
  
  // agora vamos adicionar mais três elementos
  valores.push(6, 7, 8);
  document.write("Valores no vetor: " + valores);
</script>

</body>
</html>

Ao abrir esta página HTML nós teremos o seguinte resultado:

Valores no vetor: 1,2,3,4,5
Valores no vetor: 1,2,3,4,5,6,7,8


JavaScript ::: Desafios e Lista de Exercícios Resolvidos ::: JavaScript Básico

Exercício Resolvido de JavaScript - Como somar dois números em JavaScript - O operador de adição da linguagem JavaScript

Quantidade de visualizações: 1495 vezes
Pergunta/Tarefa:

Escreva um programa JavaScript para somar dois números, ou seja, dois valores numéricos inteiros. O usuário deverá informar os dois valores. Para efetuar a leitura dos números você pode usar a função window.prompt() e, para exibir o resultado, use a função window.alert().

Sua saída deverá ser parecida com:

Informe o primeiro número:
7
Informe o segundo número:
3
A soma dos números é:
10
Resposta/Solução:

Veja a resolução comentada deste exercício em JavaScript:

----------------------------------------------------------------------
Se precisar de ajuda com o código abaixo, pode me chamar
no WhatsApp +55 (62) 98553-6711 (Osmar)
----------------------------------------------------------------------

<!doctype html>
<html>
<head>
  <title>Exercícios de JavaScript</title>
</head>
<body>

<script type="text/javascript">
  // vamos ler dois números do usuário
  var num1 = Number.parseInt(window.prompt(
    "Informe o primeiro número:"));
  var num2 = Number.parseInt(window.prompt(
    "Informe o segundo número:"));

  // agora vamos somar os dois números
  var soma = num1 + num2;

  // e mostramos o resultado
  window.alert("A soma dos números é: " + soma);  
</script>
  
</body>
</html>



Mais Desafios de Programação e Exercícios e Algoritmos Resolvidos de JavaScript

Veja mais Dicas e truques de JavaScript

Dicas e truques de outras linguagens

Códigos Fonte

Programa de Gestão Financeira Controle de Contas a Pagar e a Receber com Cadastro de Clientes e FornecedoresSoftware de Gestão Financeira com código fonte em PHP, MySQL, Bootstrap, jQuery - Inclui cadastro de clientes, fornecedores e ticket de atendimento
Diga adeus às planilhas do Excel e tenha 100% de controle sobre suas contas a pagar e a receber, gestão de receitas e despesas, cadastro de clientes e fornecedores com fotos e histórico de atendimentos. Código fonte completo e funcional, com instruções para instalação e configuração do banco de dados MySQL. Fácil de modificar e adicionar novas funcionalidades. Clique aqui e saiba mais
Controle de Estoque completo com código fonte em PHP, MySQL, Bootstrap, jQuery - 100% funcional e fácil de modificar e implementar novas funcionalidadesControle de Estoque completo com código fonte em PHP, MySQL, Bootstrap, jQuery - 100% funcional e fácil de modificar e implementar novas funcionalidades
Tenha o seu próprio sistema de controle de estoque web. com cadastro de produtos, categorias, fornecedores, entradas e saídas de produtos, com relatórios por data, margem de lucro e muito mais. Código simples e fácil de modificar. Acompanha instruções para instalação e criação do banco de dados MySQL. Clique aqui e saiba mais

Linguagens Mais Populares

1º lugar: Java
2º lugar: Python
3º lugar: C#
4º lugar: PHP
5º lugar: C
6º lugar: Delphi
7º lugar: JavaScript
8º lugar: C++
9º lugar: VB.NET
10º lugar: Ruby



© 2025 Arquivo de Códigos - Todos os direitos reservados
Neste momento há 55 usuários muito felizes estudando em nosso site.