JavaScript ::: DOM (Document Object Model) ::: document Object

Como usar o método getElementById() do objeto document para localizar um elemento HTML baseado em seu id usando JavaScript

Quantidade de visualizações: 13049 vezes
O método getElementById() do objeto document é usado quando queremos localizar e retornar um elemento HTML baseado no valor de sua propriedade id. Veja um exemplo:

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

<script type="text/javascript">
  function localizarElemento(){
    // vamos localizar o elemento com o id "aviso"
    var elem = document.getElementById("aviso");

    // o elemento foi localizado
    if(elem != null){
      // vamos definir o conteúdo do elemento encontrado    
      elem.innerHTML = "Vejam este texto.";
    }
    else{
      window.alert("O elemento HTML pesquisado não foi encontrado."); 
    }
  }
</script>

</head>
<body>

<button onclick="localizarElemento()">Localizar DIV</button>

<div id="aviso"></div>

</body>
</html>

Execute o exemplo e clique no botão. Você verá que o texto do elemento div com o id "aviso" é definido para "Vejam este texto.". Note que, se o elemento não for encontrado, o retorno do método getElementById() é null na maioria dos browsers.

Há algumas observações interessantes em relação ao método getElementById() do objeto document:

a) Se o valor da propriedade id pertencer a uma coleção, ou seja, se houver mais de um elemento HTML com o mesmo id, o método retornará o primeiro elemento na coleção.

b) No Firefox, Opera, Google Chrome, Safari e Internet Explorer (IE) a partir da versão 8, o método getElementById() é case-sensitive (sensível a maiúsculas e minúsculas) em relação ao valor da propriedade id. Nas versões anteriores do IE isso não acontecia.

Python ::: Dicas & Truques ::: Geometria, Trigonometria e Figuras Geométricas

Como testar se um ponto está dentro de um círculo em Python - Desenvolvimento de Games com Python

Quantidade de visualizações: 1295 vezes
Quando estamos trabalhando com computação gráfica, geometria e trigonometria ou desenvolvimento de jogos em Python, é comum precisarmos verificar se um determinado ponto (uma coordenada x, y) está contido dentro de um círculo.

Para melhor entendimento, veja a imagem a seguir:



Veja que temos um círculo com raio igual a 115 e com centro nas coordenadas (x = 205; y = 166). Temos também dois pontos. O ponto vermelho está nas coordenadas (x = 140; y = 90) e o ponto azul está nas coordenadas (x = 330; y = 500.

Como podemos ver na imagem, o ponto vermelho está dentro do círculo, enquanto o ponto azul está fora. E nosso intenção nesta dica é escrever o código Python que permite fazer essa verificação. Tenha em mente que está técnica é muito útil para o teste de colisões no desenvolvimento de games.

Veja o código completo para o exemplo:

# vamos importar o módulo Math
import math

# vamos declarar a classe Circulo
class Circulo:
  # construtor da classe
  def __init__(self, xc, yc, raio):
    self.xc = xc
    self.yc = yc
    self.raio = raio
  
# agora vamos declarar a classe Ponto
class Ponto:
  def __init__(self, x, y):
    self.x = x # coordenada x
    self.y = y # coordenada y	

# método principal
def main():
  # vamos criar um objeto Circulo
  c = Circulo(205, 166, 115)
  # vamos criar um objeto Ponto
  p = Ponto(140, 90)
  
  # vamos verificar se o ponto está dentro do
  # círculo
  dx = p.x - c.xc;
  dy = p.y - c.yc;
  
  if((math.pow(dx, 2) + math.pow(dy, 2)) < math.pow(c.raio, 2)):
    print("O ponto está dentro do círculo")
  else:
    print("O ponto NÃO está dentro do círculo")

if __name__== "__main__":
  main()

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

O ponto está dentro do círculo.

Experimente com círculos de raios e coordenadas centrais diferentes e também com pontos em várias coordenadas e veja como os resultados são interessantes.

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

Exercícios Resolvidos de Java - Ler um número inteiro na faixa 0-999 e mostrar a soma de seus dígitos

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

Escreva um programa Java que leia um inteiro na faixa 0-999 e mostre a soma de seus dígitos. Por exemplo, se o valor for 523, a soma de seus dígitos será 5 + 2 + 3 = 10. Seu programa deverá exibir a seguinte saída:

Informe um valor inteiro (0-999): 523
A soma dos dígitos é: 10
Resposta/Solução:

Veja a resolução comentada deste exercício usando Java console:

public static void main(String[] args){
  // não se esqueça de adicionar um import para a classe Scanner
  // import java.util.Scanner;

  // vamos criar um objeto da classe Scanner
  Scanner entrada = new Scanner(System.in);

  // vamos solicitar ao usuário que informe um valor inteiro
  // na faixa 0 a 999 (incluindo)
  System.out.print("Informe um valor inteiro (0-999): ");

  // vamos ler o valor informado
  int valor = Integer.parseInt(entrada.next());

  // vamos verificar se o valor está na faixa permitida
  if(valor < 0 || valor > 999){
    System.out.println("Valor fora da faixa permitida");
    System.exit(0);
  }

  // vamos obter o terceiro dígito
  int terceiro = valor % 10;
  // obtém os digitos restantes
  valor = valor / 10;

  // vamos obter o segundo dígito
  int segundo = valor % 10;
  // obtém os digitos restantes
  valor = valor / 10;

  // vamos obter o primeiro dígito
  int primeiro = valor % 10;
  // obtém os digitos restantes
  valor = valor / 10;

  // vamos obter a soma dos dígitos
  int soma = terceiro + segundo + primeiro;

  // vamos mostrar o resultado
  System.out.println("A soma dos dígitos é: " + soma);
}


Ruby ::: Dicas & Truques ::: Strings e Caracteres

Como retornar o tamanho de uma string em Ruby usando o método length da classe String

Quantidade de visualizações: 9388 vezes
Em várias situações nós precisamos obter o tamanho, ou seja, o comprimento ou quantidade de caracteres de uma palavra, frase ou texto em Ruby. Para isso nós podemos usar a função length da classe String.

Esta função é chamada em um objeto String e retorna o seu tamanho com um inteiro.

Veja um exemplo completo de seu uso:

# declara e inicializa uma variável string
nome = "Osmar J Silva"
 
# obtém a quantidade de caracteres na string
quant = nome.length
 
# exibe o resultado
puts("A string contém " + quant.to_s + " caracteres")

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

A string contém 13 caracteres

PHP ::: Fundamentos da Linguagem ::: Estruturas de Controle

PHP para iniciantes - Como usar o laço for da linguagem PHP

Quantidade de visualizações: 31215 vezes
O laço for, ou loop for, ou laço PARA, é usado quando queremos executar um bloco de instruções um determinado número de vezes. Este laço é composto de três partes:

for(inicialização; teste; incremento/decremento){
  bloco de instruções
}

Na parte inicialização nós definimos o valor inicial da variável de controle. Na parte teste nós usamos o valor da variável de controle para testar a continuidade ou interrupção do laço. Finalmente, na parte incremento/decremento nós alteramos o valor da variável de controle para cima ou para baixo. Veja um exemplo:

<?
  for($i = 1; $i <= 10; $i++){
    echo $i . "<br>";
  }
?>

Este trecho de código vai mostrar o seguinte resultado:

1
2
3
4
5
6
7
8
9
10

O incremento/decremento da variável de controle não precisa ser necessariamente em 1. Podemos usar qualquer expressão. Veja um trecho de código que exibe os números pares de 0 à 10:

<?
  for($i = 0; $i <= 10; $i += 2){
    echo $i . "<br>";
  }
?>

Este código mostrará o seguinte resultado:

0
2
4
6
8
10

Observe que "$i += 2" é o mesmo que "$i = $i + 2".

Com exceção da parte de testes, podemos inserir múltiplas expressões nas demais partes de um laço for. Veja:

<?
  for($i = 0, $x = 2; $i <= 10; print ($i * $x) . "<br>", $i++);
?>

Ao executarmos este laço, o resultado será:

0
2
4
6
8
10
12
14
16
18
20

Este último código é um pouco exótico, mas muito fácil de ser encontrado por aí.

Esta dica foi revisada, atualizada e testada no PHP 8.

Java ::: Dicas & Truques ::: Strings e Caracteres

Como testar a existência de um caractere em uma string e retornar sua posição em Java usando o método indexOf() da classe String

Quantidade de visualizações: 126 vezes
Nesta dica eu mostro como podemos usar o método indexOf() da classe String para pesquisar um caractere em uma palavra, frase ou texto e retornar a sua posição, ou seja, o seu índice dentro da string.

Se o caractere for encontrado, sua posição é retornada. Caso contrário o valor -1 é retornado.

Veja o código completo para o exemplo:

package estudos;

public class Estudos{
  public static void main(String[] args){
    // vamos criar uma string
    String frase = "Gosto de programar em Java";
    
    // vamos testas se a string contém a letra "k"
    int pos = frase.indexOf('k');
    
    if(pos < 0){
      System.out.println("A string não contém a letra k");
    }
    else{
      System.out.println("A letra k foi encontrada na posicao: " + pos);
    }
     
    // fecha o programa
    System.exit(0);
  }
}

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

A string não contém a letra k

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

Como calcular juros compostos e montante usando PHP

Quantidade de visualizações: 14940 vezes
O regime de juros compostos é o mais comum no sistema financeiro e portanto, o mais útil para cálculos de problemas do dia-a-dia. Os juros gerados a cada período são incorporados ao principal para o cálculo dos juros do período seguinte.

Chamamos de capitalização o momento em que os juros são incorporados ao principal. Após três meses de capitalização, temos:

1º mês: M = P .(1 + i)
2º mês: o principal é igual ao montante do mês anterior: M = P x (1 + i) x (1 + i)
3º mês: o principal é igual ao montante do mês anterior: M = P x (1 + i) x (1 + i) x (1 + i)

Simplificando, obtemos a fórmula:

M = P . (1 + i)^n

Importante: a taxa i tem que ser expressa na mesma medida de tempo de n, ou seja, taxa de juros ao mês para n meses.

Para calcularmos apenas os juros basta diminuir o principal do montante ao final do período:

J = M - P

Vejamos um exemplo:

Considerando que uma pessoa empresta a outra a quantia de R$ 2.000,00, a juros compostos, pelo prazo de 3 meses, à taxa de 3% ao mês. Quanto deverá ser pago de juros?

Veja o código PHP para a resolução:

<?
  $principal = 2000.00;
  $taxa = 0.03; // 3%
  $meses = 3;
  
  $montante = $principal * pow((1 + $taxa), $meses);
  $juros = $montante - $principal;
  
  echo "O total de juros a ser pago é: " . $juros . "<br>";
  echo "O montante a ser pago é: " . $montante;
?>

Um outra aplicação interessante é mostrar mês a mês a evolução dos juros. Veja o código a seguir:

<?
  $principal = 2000.00;
  $taxa = 0.03; // 3%
  $meses = 3;
  $anterior = 0.0;
  
  for($i = 1; $i <= $meses; $i++){
    $montante = $principal * pow((1 + $taxa), $i);
    $juros = $montante - $principal - $anterior;
  
    $anterior += $juros;
  
    echo "Mês: " . $i . " - Montante: " 
        . $montante . " - Juros: " . $juros . "<br>";
  }
?>


Ruby ::: Dicas & Truques ::: Strings e Caracteres

Como testar se uma string começa com uma determinada substring em Ruby usando uma função personalizada

Quantidade de visualizações: 7676 vezes
O Ruby, até a versão 1.8.6, não dispõe de um método para verificar se uma string começa com uma determinada substring. Assim, veja abaixo como escrever uma função starts_with(). Esta função recebe a string e a substring e retorna true se a string começar com a substring.

Eis a listagem completa: 

# método auxiliar que permite verificar se
# uma string começa com uma substring
def starts_with(string, substring)
  if string.index(substring) == 0   
    return true
  else
    return false
  end
end

# declara e inicializa uma variável string
frase = "Gosto muito de Ruby"

# vamos verificar a string começa com "Gosto"
if starts_with(frase, "Gosto")
  puts "A string começa com \"Gosto\""
else
  puts "A string NÃO começa com \"Gosto\""
end

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

A string começa com "Gosto"

Java ::: Estruturas de Dados ::: Pilhas

Como criar uma pilha em Java usando um vetor (array) - Estruturas de Dados em Java

Quantidade de visualizações: 2571 vezes
A Pilha é uma estrutura de dados do tipo LIFO - Last-In, First-Out (Último a entrar, primeiro a sair). Neste tipo de estrutura, o último elemento a ser inserido é o primeiro a ser removido. Veja a imagem a seguir:



Embora seja mais comum a criação de uma estrutura de dados do tipo Pilha de forma dinâmica (usando ponteiros e referências), nesta dica eu mostrarei como podemos criá-la em Java usando um array, ou seja, um vetor. No exemplo eu usei inteiros, mas você pode modificar para o tipo de dados que você achar mais adequado.

Veja o código completo para uma classe Pilha usando um vetor de ints. Veja que o tamanho do vetor é informado no construtor da classe. Note também a lógica empregada na construção dos métodos empilhar(), desempilhar() e imprimirPilha():

Código para Pilha.java:

package estudos;

public class Pilha {
  private int elementos[]; // elementos na pilha
  private int topo; // o elemento no topo da pilha
  private int maximo; // a quantidade máxima de elementos na pilha

  // construtor da classe Pilha
  public Pilha(int tamanho) {
    // constrói o vetor
    this.elementos = new int[tamanho];
    // define o topo como -1
    this.topo = -1;
    // ajusta o tamanho da pilha para o valor recebido
    this.maximo = tamanho;
  }

  // método usado para empilhar um novo elemento na pilha
  public void empilhar(int item) {
    // a pilha já está cheia?
    if (this.topo == (this.maximo - 1)) {
      System.out.println("\nA pilha está cheia\n");
    } 
    else {
      // vamos inserir este elemento no topo da pilha
      this.elementos[++this.topo] = item;
    }
  }

  // méodo usado para desempilhar um elemento da pilha
  public int desempilhar() {
    // a pilha está vazia
    if (this.topo == -1) {
      System.out.println("\nA pilha está vazia\n");
      return -1;
    } 
    else {
      System.out.println("Elemento desempilhado: " + elementos[topo]);
      return this.elementos[this.topo--];
    }
  }

  // método que permite imprimir o conteúdo da pilha
  public void imprimirPilha() {
    // pilha vazia
    if (this.topo == -1) {
      System.out.println("\nA pilha está vazia\n");
    } 
    else {
      // vamos percorrer todos os elementos da pilha
      for (int i = 0; i <= this.topo; i++) {
        System.out.println("Item[" + (i + 1) + "]: " + this.elementos[i]);
      }
    }
  }
}

Veja agora o código para a classe principal, ou seja, a classe Main usada para testar a funcionalidade da nossa pilha:

Código para Principal.java:

package estudos;

public class Estudos{
  public static void main(String[] args){
    // vamos criar uma nova pilha com capacidade para 5 elementos
    Pilha p = new Pilha(5);

    // vamos empilhar 3 elementos
    p.empilhar(34);
    p.empilhar(52);
    p.empilhar(18);

    // vamos mostrar os elementos na pilha
    System.out.println("Itens presentes na Pilha\n");
    p.imprimirPilha();

    // agora vamos remover e retornar dois elementos da pilha
    System.out.println();
    p.desempilhar();
    p.desempilhar();

    // vamos mostrar os elementos na pilha novamente
    System.out.println("\nItens presentes na Pilha\n");
    p.imprimirPilha();
  }
}

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

Itens presentes na Pilha

Item[1]: 34
Item[2]: 52
Item[3]: 18

Elemento desempilhado: 18
Elemento desempilhado: 52

Itens presentes na Pilha

Item[1]: 34

PHP ::: Dicas & Truques ::: Data e Hora

Datas e horas em PHP - Como obter a quantidade de dias entre duas datas

Quantidade de visualizações: 1 vezes
Nesta dica mostrarei como podemos efetuar um cálculo em PHP que retorna o número de dias entre duas datas. Fique atento(a) à ordem que a data inicial e a data final são fornecidos para a função.

Veja o código PHP completo:

<html>
<head>
<title>Estudando PHP</title>
</head>
<body>

<?php
  function quant_dias($data1, $data2){ 
    return round((strtotime($data2) - 
     strtotime($data1)) / (24 * 60 * 60), 0); 
  } 
 
  $inicio = date("m/d/Y"); // data atual 
  $fim = "04/22/2021"; // data no formato mês/dia/ano 
  echo "Dias entre as duas datas: " . 
   quant_dias($inicio, $fim);
?>

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

Dias entre as duas datas: 31

Carregar Publicações Anteriores

Nossas 20 dicas & truques de programação mais populares

Você também poderá gostar das dicas e truques de programação abaixo

Nossas 20 dicas & truques de programação mais recentes

Últimos Projetos e Códigos Fonte Liberados Para Apoiadores do Site

Últimos Exercícios Resolvidos

E-Books em PDF
E-Book 350 Exercícios Resolvidos de Java - PDF com 500 páginas
Domine lógica de programação e a linguagem Java com o nosso E-Book 350 Exercícios Exercícios de Java, para você estudar onde e quando quiser.

Este e-book contém exercícios resolvidos abrangendo os tópicos: Java básico, matemática e estatística, programação dinâmica, strings e caracteres, entrada e saída, estruturas condicionais, vetores e matrizes, funções, laços, recursividade, internet, arquivos e diretórios, programação orientada a objetos e muito mais.
Ver Conteúdo do E-book
E-Book 650 Dicas, Truques e Exercícios Resolvidos de Python - PDF com 1.200 páginas
Domine lógica de programação e a linguagem Python com o nosso E-Book 650 Dicas, Truques e Exercícios Exercícios de Python, para você estudar onde e quando quiser.

Este e-book contém dicas, truques e exercícios resolvidos abrangendo os tópicos: Python básico, matemática e estatística, banco de dados, programação dinâmica, strings e caracteres, entrada e saída, estruturas condicionais, vetores e matrizes, funções, laços, recursividade, internet, arquivos e diretórios, programação orientada a objetos e muito mais.
Ver Conteúdo do E-book

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
Questões de Concurso para Engenharia Civil
Fundações
Instalações Hidráulicas Prediais
Fenômenos de Transporte e Hidráulica
Estruturas de Aço e Madeira
Exercícios Resolvidos
Lista de Exercícios Resolvidos de Java
Lista de Exercícios Resolvidos de C
Lista de Exercícios Resolvidos de C++
Bancos de Dados
MySQL
Firebird
MS SQL Server
PostgreSQL
Questões de Concurso
Topografia
Hidrologia
Hidrostática
Ética e Legislação Profissional
Frameworks
jQuery
AngularJS
React / ReactJS / React.js
Laravel
Projetos e Códigos Fonte
Projetos e Códigos Fonte Java
Projetos e Códigos Fonte PHP
Projetos e Códigos Fonte Python
Especializações
Data Science
Calculadoras
Calculadoras de Topografia
Calculadoras de Matemática
Calculadoras de Data e Hora
Calculadoras de Física
Calculadoras de Estatística
Calculadoras de Trigonometria
Calculadoras de Matrizes
Calculadoras de Vetores
Ferramentas
Tabela de Cores Flat Design
Tabela de Cores do Material Design do Google
Tabela de Cores Web Safe Colors
Todas as Linguagens, Frameworks, Biliotecas e Bancos de Dados
.NET Framework | ActionScript | Adobe AIR | Adobe Flex | AJAX | Android Java | Angular | AngularJS | Apache Ant | Apache Maven | Apache Tomcat | Apache Web Server | Arduino | ASP.NET | AutoCAD | AutoCAD .NET API C# | AutoCAD Civil 3D | AutoCAD Civil 3D .NET C# | AutoCAD VBA | AutoLISP | Bourne Again Shell (bash Shell) | C | C# | C++ | C++ Builder | CodeIgniter | CSS | Dart | Data Science | Delphi | DHTML (Dynamic HTML) | Django | Eclipse IDE | Elixir | Enterprise JavaBeans (EJB) | Erlang | Excel | Excel VBA | Ext JS | Facelets | Firebird | Flutter | Fórmulas da Física | Geral | GNU Octave | GoLang | Groovy | GTK+ | Haskell | HEC-RAS | Hibernate | HTML/XHTML | HTML5 | IBM DB2 | iReport | iTextSharp | Java | Java Servlets | JavaFX | JavaScript | JBoss | JPA - Java Persistence Architecture API - Arquitetura de Persistência Java | jQuery | jQuery UI | JSF - Java Server Faces | JSP (Java Server Pages) | Kotlin | Laravel | Linux | LISP | MongoDB | MS SQL Server | MySQL | NetBeans IDE | NetBeans IDE | Node.js | Perl | PHP | PHP-GTK | Portugol | PostgreSQL | Processing.py | Python | QGIS | Qt | R | React | React Native | React.js | Revit C# | Revit Python Shell | Ruby | Ruby On Rails | Rust | Smarty | Struts | Struts 2 | Tcl e Tcl/Tk | TypeScript | VB.NET | VBA | Visual LISP | VisuAlg | WebGL (Web Graphics Library) | wxWidgets | Zend Framework |

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