Você está aqui: JavaScript ::: Dicas & Truques ::: Formulários

Obter os nomes de todos os formulários na página

Quantidade de visualizações: 7225 vezes
<html>
<head>
<title>Estudando JavaScript</title>

<script type="text/JavaScript" language="JavaScript">
  function nomeForms(){
    var quant = document.forms.length;
    var texto = "Encontrei " + quant + 
	   " formulários na página\n\n";
    texto += "Seus nomes são:";
    
    for(var i = 0; i < quant; i++){
      texto += "\n" + document.forms[i].name;
    }
    
    alert(texto);
  }
</script>

</head>
<body onload="nomeForms()">

<form name="cadastro">
  <input type="text">
</form>

<form name="form2">
  <input type="text">
</form>

</body>
</html>


Link para compartilhar na Internet ou com seus amigos:

JavaScript ::: Dicas & Truques ::: Strings e Caracteres

Como substituir uma substring em uma string JavaScript usando a função replace()

Quantidade de visualizações: 494 vezes
Nesta dica mostrarei como podemos substituir parte de uma palavra, frase ou texto em JavaScript usando a função replace() do objeto String. Esta função recebe a substring a ser substituida e a substring que ocupará o seu lugar e retorna uma nova string.

Veja a página HTML para o nosso primeiro 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>Strings em JavaScript</title>
</head>
<body>

<script type="text/javascript">
  // vamos criar uma frase
  var frase = "Gosto de Java, Java e mais Java";  
  document.write("A frase é: " + frase + "<br>");
  
  // e agora vamos substituir a substring na string
  var resultado = frase.replace("Java", "Python");

  // e mostramos o resultado
  document.write("Depois da substituição: " +
    resultado);  
</script>
  
</body>
</html>

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

A frase é: Gosto de Java, Java e mais Java
Depois da substituição: Gosto de Python, Java e mais Java

Note que apenas a primeira ocorrência da substring "Java" foi substituída por "Python". Para que todas as ocorrências sejam substituídas, temos que usar o sinalizador global. 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 criar uma frase
  var frase = "Gosto de Java, Java e mais Java";  
  document.write("A frase é: " + frase + "<br>");
  
  // e agora vamos substituir a substring na string
  var resultado = frase.replace(/Java/g, "Python");

  // e mostramos o resultado
  document.write("Depois da substituição: " +
    resultado);  
</script>

Agora o resultado será:

A frase é: Gosto de Java, Java e mais Java
Depois da substituição: Gosto de Python, Python e mais Python


JavaScript ::: Dicas & Truques ::: Matemática e Estatística

Como resolver uma equação do segundo grau em JavaScript - Como calcular Bhaskara em JavaScript

Quantidade de visualizações: 834 vezes
Como resolver uma equação do 2º grau usando JavaScript

Nesta dica mostrarei como encontrar as raízes de uma equação quadrática, ou seja, uma equação do 2º usando a linguagem JavaScript.

Definimos como equação do 2º grau ou equações quadráticas qualquer equação do tipo ax² + bx + c = 0 em que a, b e c são números reais e a &#8800; 0. Ela recebe esse nome porque, no primeiro membro da igualdade, há um polinômio de grau dois com uma única incógnita.

Note que, dos coeficientes a, b e c, somente o a é diferente de zero, pois, caso ele fosse igual a zero, o termo ax² seria igual a zero, logo a equação se tornaria uma equação do primeiro grau: bx + c = 0.

Independentemente da ordem da equação, o coeficiente a sempre acompanha o termo x², o coeficiente b sempre acompanha o termo x, e o coeficiente c é sempre o termo independente.

Como resolver uma equação do 2º grau

Conhecemos como soluções ou raízes da equação ax² + bx + c = 0 os valores de x que fazem com que essa equação seja verdadeira. Uma equação do 2º grau pode ter no máximo dois números reais que sejam raízes dela. Para resolver equações do 2º grau completas, existem dois métodos mais comuns:

a) Fórmula de Bhaskara;
b) Soma e produto.

O primeiro método é bastante mecânico, o que faz com que muitos o prefiram. Já para utilizar o segundo, é necessário o conhecimento de múltiplos e divisores. Além disso, quando as soluções da equação são números quebrados, soma e produto não é uma alternativa boa.

Como resolver uma equação do 2º grau usando Bhaskara

Como nosso código JavaScript vai resolver a equação quadrática usando a Fórmula de Bhaskara, o primeiro passo é encontrar o determinante. Veja:

\[\Delta =b^2-4ac\]

Nem sempre a equação possui solução real. O valor do determinante é que nos indica isso, existindo três possibilidades:

a) Se determinante > 0, então a equação possui duas soluções reais.
b) Se determinante = 0, então a equação possui uma única solução real.
c) Se determinante < 0, então a equação não possui solução real.

Encontrado o determinante, só precisamos substituir os valores, incluindo o determinante, na Fórmula de Bhaskara:

\[x = \dfrac{- b\pm\sqrt{b^2- 4ac}}{2a}\]

Vamos agora ao código JavaScript. Nossa aplicação vai pedir para o usuário informar os valores dos três coeficientes a, b e c e, em seguida, vai apresentar as raizes da equação:

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

<!doctype html>
<html>
<head>
  <title>Aprenda Matemática Usando JavaScript</title>
</head>
<body>

<script type="text/javascript">
  // os coeficientes
  var a, b, c;
  // as duas raizes, a imaginaria e o discriminante
  var raiz1, raiz2, imaginaria, discriminante;

  // vamos pedir para o usuário informar os valores dos coeficientes
  a = parseFloat(window.prompt("Valor do coeficiente a: "));
  b = parseFloat(window.prompt("Valor do coeficiente b: "));
  c = parseFloat(window.prompt("Valor do coeficiente c: "));
  
  // vamos calcular o discriminante
  discriminante = (b * b) - (4 * a * c);
    
  // a equação possui duas soluções reais?
  if(discriminante > 0){
    raiz1 = (-b + Math.sqrt(discriminante)) / (2 * a);
    raiz2 = (-b - Math.sqrt(discriminante)) / (2 * a);
    document.write("Existem duas raizes: x1 = " + raiz1 
      + " e x2 = " + raiz2);
  }
  // a equação possui uma única solução real?
  else if(discriminante == 0){
    raiz1 = raiz2 = -b / (2 * a);
    document.write("Existem duas raizes iguais: x1 = " 
      + raiz1 + " e x2 = " + raiz2);  	
  }
  // a equação não possui solução real?
  else if(discriminante < 0){
    raiz1 = raiz2 = -b / (2 * a);
    imaginaria = Math.sqrt(-discriminante) / (2 * a);
    document.write("Existem duas raízes complexas: x1 = " + 
      raiz1 + " + " + imaginaria + " e x2 = " + raiz2 
      + " - " + imaginaria);
  }
</script>
  
</body>
</html>

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

Valor do coeficiente a: 1
Valor do coeficiente b: 2
Valor do coeficiente c: -3
Existem duas raizes: x1 = 1 e x2 = -3


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

Como adicionar horas a um objeto Date em JavaScript - Datas e horas em JavaScript

Quantidade de visualizações: 8607 vezes
Nesta dica mostrarei como é possível adicionar horas a um objeto Date da linguagem JavaScript. Note que criei uma função personalizada para este propósito, e ela retorna um novo objeto Date com a nova data e hora já construída.

Veja o código completo para o exemplo:

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

<html>
<head>
<title>Estudando JavaScript</title>
</head>
<body>
 
<script type="text/javascript">
  function adicionarHoras(data, horas){
    return new Date(data.getTime() + (horas * 
      60 * 60 * 1000));
  }
 
  document.write('Agora são: ' + 
    (new Date()).toLocaleString() + '<br>');
  document.write('Daqui 5 horas será: ' + 
    adicionarHoras(new Date(), 5).toLocaleString());
</script>
 
</body>
</html>

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

Agora são: 24/03/2021 17:21:40
Daqui 5 horas será: 24/03/2021 22:21:40


Desafios, 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á 53 usuários muito felizes estudando em nosso site.