![]() |
|
Código-Fonte Software de Gestão Financeira com código fonte em PHP, MySQL, Bootstrap, jQuery - Inclui cadastro de clientes, fornecedores e ticket de atendimentoDiga 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 |
|
React ::: Elementos de Formulários HTML ::: input type text Element/Object |
Como obter o conteúdo de uma caixa de texto em React usando a função useRef() para acessar os elementos HTMLQuantidade de visualizações: 1017 vezes |
|
Nesta dica mostrarei como podemos usar useRef() para criar uma referência para um elemento HTML <input type="text">. Em seguida nós vamos usar a propriedade current.value para retornar o conteúdo da caixa de texto e atualizar o estado nomeAtualizado, criado a partir da função useState(). Este código, embora simples, é o ponto de partida para aplicações React bem interessantes, pois não fazemos uso do evento onChange das caixas de texto para atualizar o estado da aplicação. Isso, como é fácil de se perceber, economiza os recursos gastos em processamento desnecessário. Veja o código para App.js:
// vamos importar o useState e useRef
import {useState, useRef} from 'react';
// função App() que será exportada
export default function App() {
// vamos criar uma referência para a caixa
// de texto. Veja que esta referência será
// usada na declaração do elemento input type text
const txtNome = useRef(null);
// vamos usar um estado para guardarmos o conteúdo
// da caixa de texto
const [nomeAtualizado, setNomeAtualizado] = useState('');
// aqui nós gerenciamos o evento onClick do botão
const tratarEventoClick = () => {
// vamos obter o conteúdo da caixa de texto
// usando "txtNome.current.value"
setNomeAtualizado(txtNome.current.value);
};
// e retornamos para renderização
return (
<div>
<input type="text"
id="nome" name="nome"
ref={txtNome}/>
<h2>Nome Atualizado: {nomeAtualizado}</h2>
<button onClick={tratarEventoClick}>
Atualizar Estado</button>
</div>
);
}
E aqui está o código para o index.js:
// vamos fazer os imports necessários
import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
// definimos a raiz da aplicação React
const root = ReactDOM.createRoot(
document.getElementById('root'));
// e renderizamos a aplicação no navegador
root.render(
<React.StrictMode>
<App />
</React.StrictMode>
);
Execute a aplicação React, digite um nome na caixa de texto e clique o botão Atualizar Estado. Somente neste momento é que o conteúdo da caixa de texto será transferido para o estado nomeAtualizado e refletido no elemento <h2>. |
VisuAlg ::: Dicas & Truques ::: Matemática e Estatística |
Como calcular porcentagem em VisuAlg - Como efetuar cálculos de porcentagem em VisuAlgQuantidade de visualizações: 3114 vezes |
|
Cálculos de porcentagens estão presentes em boa parte das aplicações que desenvolvemos. Porém, há momentos em que a mente trava e não conseguimos lembrar com clareza como estes cálculos são feitos, principalmente em VisuAlg. Esta anotação tem o objetivo de ser uma fonte de pesquisa para os momentos em que suas habilidades matemáticas insistirem em continuar ocultas. Ex: 1 - Suponhamos que um produto que custe R$ 178,00 sofra um acréscimo de 15%. Qual o valor final do produto? Veja o código em VisuAlg:
algoritmo "Algoritmo que calcula porcentagem"
var
// variáveis usadas na resolução do problema
valor, percentual, valor_final: real
inicio
valor <- 178.00 // valor original
percentual <- 15.0 / 100.0 // 15%
valor_final <- valor + (percentual * valor)
// mostra o resultado
escreva("O valor final do produto é: ", valor_final)
// O resultado será 204,70
fimalgoritmo
Ex: 2 - Um produto, cujo valor original era de R$ 250,00, teve um desconto de 8%. Qual foi seu valor final? Veja o código em VisuAlg:
algoritmo "Algoritmo que calcula porcentagem"
var
// variáveis usadas na resolução do problema
valor, percentual, valor_final: real
inicio
valor <- 250.00; // valor original
percentual <- 8.0 / 100.0 // 8%
valor_final <- valor - (percentual * valor)
// mostra o resultado
escreva("O valor final do produto é: ", valor_final)
// O resultado será 230,00
fimalgoritmo
Ex: 3 - Em um concurso de perguntas e respostas, um jovem acertou 72 das 90 perguntas apresentadas. Qual foi a porcentagem de acertos? E a porcentagem de erros? Veja o código em VisuAlg:
algoritmo "Algoritmo que calcula porcentagem"
var
// variáveis usadas na resolução do problema
perguntas, acertos: real
inicio
perguntas <- 90.0
acertos <- 72.0
// mostra a porcentagem de acertos
escreva("Porcentagem de acertos: ")
escreval(((acertos / perguntas) * 100), "%")
// mostra a porcentagem de erros
escreva("Porcentagem de erros: ")
escreval((((perguntas - acertos) / perguntas) * 100), "%")
// Os resultados serão 80% e 20%
fimalgoritmo
Ex: 4 - Um aparelho de CD foi adquirido por R$ 300,00 e revendido por R$ 340,00. Qual foi a porcentagem de lucro na transação? Veja o código em VisuAlg:
algoritmo "Algoritmo que calcula porcentagem"
var
// variáveis usadas na resolução do problema
valor_anterior, novo_valor, porcentagem_lucro: real
inicio
valor_anterior <- 300.0 // valor anterior
novo_valor <- 340.0 // valor novo
// calcula a porcentagem de lucro
// efetua o cálculo
porcentagem_lucro <- ((novo_valor * 100) / valor_anterior) - 100
escreva("A porcentagem de lucro foi de: ", porcentagem_lucro, "%")
// O resultado será 13,33
fimalgoritmo
Ex: 5 - Uma loja repassa 5% do lucro a seus vendedores. Se um produto custa R$ 70,00, qual o valor em reais repassado a um determinado vendedor? Veja o código em VisuAlg:
algoritmo "Algoritmo que calcula porcentagem"
var
// variáveis usadas na resolução do problema
valor, percentual, comissao: real
inicio
valor <- 70.0 // valor do produto
percentual <- 5.0 / 100.0 // 5%
// calcula a comissão
comissao <- percentual * valor
// mostra o resultado
escreva("O valor repassado ao vendedor é: ", comissao)
// O resultado será 3,5
fimalgoritmo
|
Java ::: Fundamentos da Linguagem ::: Estruturas de Controle |
Java para iniciantes - Como usar o laço do-while da linguagem JavaQuantidade de visualizações: 53199 vezes |
O laço do-while é uma variação do laço while. A diferença é que, no laço do-while a condição de continuidade é testada após a execução do bloco de códigos desejado. Isso nos faz crer que este laço é executado no mínimo uma vez. Veja sua sintáxe:
do{
// bloco de instruções
}while(condição);
Se a condição testada for verdadeira, o laço continua sua execução. Do contrário a execução do programa segue a partir do ponto onde o laço se encontra. Veja um exemplo:
import javax.swing.JOptionPane;
public class Estudos{
public static void main(String[] args) {
int valor;
int soma = 0;
// Lê continuamente até o usuário informar 0
do{
// efetua a próxima leitura
String str = JOptionPane.showInputDialog(null,
"Informe um valor inteiro:\n(ou 0 para sair)",
"Estudos", JOptionPane.QUESTION_MESSAGE);
valor = Integer.parseInt(str);
soma += valor;
}while(valor != 0);
JOptionPane.showMessageDialog(null, "A soma é: " + soma,
"Estudos", JOptionPane.INFORMATION_MESSAGE);
}
}
Use o laço do-while quando você tiver instruções dentro do laço que precisem ser executadas no mínimo uma vez. |
Java ::: Dicas & Truques ::: Strings e Caracteres |
Manipulação de texto em Java - Como contar as ocorrências de um caractere em uma stringQuantidade de visualizações: 2 vezes |
|
Nesta dica mostrarei como podemos combinar um laço for e o método charAt() da classe String para contar as ocorrências de um caractere (uma letra) em uma palavra, frase ou texto. Veja o código completo para o exemplo:
package arquivodecodigos;
public class Estudos{
public static void main(String[] args){
String frase = "Programar em Java é muito bom";
System.out.println("Frase: " + frase);
int cont = 0;
char letra = 'a'; // ocorrências da letra "a"
for(int i = 0; i < frase.length(); i++){
if(frase.charAt(i) == letra){
cont++;
}
}
System.out.println("A frase contem " +
cont + " ocorrencias da letra \"" + letra + "\"");
System.exit(0);
}
}
Ao executar este código Java nós teremos o seguinte resultado: Frase: Programar em Java é muito bom A frase contém 4 ocorrências da letra "a" |
Nossas 20 dicas & truques de programação mais populares |
|
Java - Programação orientada a objetos em Java - Como criar e usar interfaces em seus programas Java Revit Python Shell - Como copiar grupos no Revit usando a função Create.PlaceGroup() e o Revit Python Shell Delphi - Como calcular o cateto adjascente dadas as medidas da hipotenusa e do cateto oposto em Delphi |
Você também poderá gostar das dicas e truques de programação abaixo |
|
Java - Como carregar uma imagem em um BufferedImage do Java usando o método read() da classe ImageIO Java - Java Swing - Como obter a quantidade de colunas em uma JTable usando o método getColumnCount() |
Nossas 20 dicas & truques de programação mais recentes |
Últimos Projetos e Códigos Fonte Liberados Para Apoiadores do Site |
|
Python - Como criar o jogo Pedra, Papel, Tesoura em Python - Jogo completo em Python com código comentado |
Últimos Exercícios Resolvidos |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |







