Você está aqui: Cards de Ética e Legislação Profissional |
||
|
||
|
|
||
React ::: Elementos de Formulários HTML ::: input type text Element/Object |
Como obter o texto digitado em uma caixa de texto em React usando useState()Quantidade de visualizações: 877 vezes |
|
Nesta dica mostrarei como podemos retornar o texto digitado em um elemento HTML <input type="text"> ao clicarmos em um botão. Para isso nós faremos uso do gerencimento de estado proporcionado pelo objeto useState do React. Note que teremos dois estados: nome e nomeAtualizado, que estarão conectados às funções setNome() e setNomeAtualizado(). No momento que o texto é digitado na caixa de texto, automaticamente o estado nome é atualizado para corresponder ao contéudo exato do elemento HTML <input type="text">. Somente quando o botão é clicado é que transferimos o valor do estado nome para o estado nomeAtualizado, por meio de uma chamada à função setNomeAtualizado. Veja o código completo para o App.js:
// vamos importar o useState
import {useState} from 'react';
// função App() que será exportada
export default function App() {
// vamos criar dois states e suas funções
// correspondentes
const [nome, setNome] = useState('');
const [nomeAtualizado, setNomeAtualizado] = useState(nome);
// aqui nós gerenciamos o evento onChange da caixa
// de texto
const tratarEventoChange = (event) => {
// e chamamos a função que atualiza o estado nome
setNome(event.target.value);
};
// aqui nós gerenciamos o evento onClick do botão
const tratarEventoClick = () => {
// aqui nós transferimos o valor do estado
// nome para o estado nomeAtualizado
setNomeAtualizado(nome);
};
// e retornamos para renderização
return (
<div>
<input type="text"
id="nome" name="nome"
onChange={tratarEventoChange}
value={nome}/>
<h2>Nome Informado: {nome}</h2>
<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 o exemplo e você verá uma caixa de texto <input type="text">, um botão <button> e dois elementos <h2>. Quando digitamos na caixa de texto, automaticamente o estado nome é atualizado. Ao clicarmos no botão, o estado nome é transferido para o estado nomeAtualizado, tudo isso é refletido de imediato na página. |
Python ::: Dicas & Truques ::: Data e Hora |
Como calcular a diferença de dias entre duas datas em PythonQuantidade de visualizações: 1695 vezes |
|
Nesta dica mostrarei como podemos usar retornar a diferença de dias entre duas datas na linguagem Python usando o objeto Date, do módulo DateTime. Note o uso do construtor date() para construir as duas datas e em seguida passamos estas duas datas para uma função personalizada numero_dias(), que retorna a quantidade de dias entre elas. Veja o código completo para o exemplo:
# vamos importar o objeto Date
from datetime import date
def main():
# vamos criar a data inicial e a data final
d1 = date(2022, 11, 10)
d2 = date(2022, 12, 23)
# vamos calcular a diferença de dias
diferenca = numero_dias(d1, d2)
# e mostramos o resultado
print("A primeira data é: {0}".format(d1))
print("A segunda data é: {0}".format(d2))
print("A diferença de dias entre as duas datas é: {0} dias".format(
diferenca))
# função que recebe duas datas e retorna a diferença
# de dias entre elas
def numero_dias(data1, data2):
return (data2 - data1).days
if __name__== "__main__":
main()
Ao executar este código Python nós teremos o seguinte resultado: A primeira data é: 2022-11-10 A segunda data é: 2022-12-23 A diferença de dias entre as duas datas é: 43 dias |
Java ::: Desafios e Lista de Exercícios Resolvidos ::: Java Básico |
Exercícios Resolvidos de Java - Escreva um programa Java que leia duas notas obtidas por um aluno na disciplina de Algoritmos e Programação de Computadores, o número de aulas ministradasQuantidade de visualizações: 19296 vezes |
|
Pergunta/Tarefa: Escreva um programa Java que leia duas notas obtidas por um aluno na disciplina de Algoritmos e Programação de Computadores, o número de aulas ministradas e o número de aulas assistidas por este aluno nesta disciplina. Calcule e mostre a média final deste aluno e diga se ele foi aprovado ou reprovado. Considere que para um aluno ser aprovado ele deve obter média final igual ou maior a 6,0 e ter no mínimo 75% de frequência. Importante: Seu código Java deverá validar os dados de entrada para que as notas não sejam menores que zero nem maiores que 10. Além disso, o número de aulas assistidas não pode ser maior que o número de aulas ministradas. Seu programa Java deverá exibir uma saída parecida com: Informe a primeira nota: 9 Informe a segunda nota: 7 Quantidade de aulas ministradas: 20 Quantidade de aulas assistidas: 17 Aluno aprovado com média 8.0 e frequencia 85.0% Veja a resolução comentada deste exercício usando Java:
package estudos;
import java.util.Scanner;
public class Estudos {
public static void main(String[] args) {
// para ler a entrada do usuário
Scanner entrada = new Scanner(System.in);
// vamos ler as duas notas do aluno
System.out.print("Informe a primeira nota: ");
double n1 = Double.parseDouble(entrada.nextLine());
System.out.print("Informe a segunda nota: ");
double n2 = Double.parseDouble(entrada.nextLine());
// vamos ler a quantidade de aulas ministradas
System.out.print("Quantidade de aulas ministradas: ");
int aulas_ministradas = Integer.parseInt(entrada.nextLine());
// agora a quantidade de aulas assistidas pelo aluno
System.out.print("Quantidade de aulas assistidas: ");
int aulas_assistidas = Integer.parseInt(entrada.nextLine());
// agora temos que validar as informações inseridas
if((n1 < 0) || (n1 > 10)){
System.out.println("\nA nota n1 é inválida");
}
else if((n2 < 0) || (n2 > 10)){
System.out.println("\nA nota n2 é inválida");
}
else if(aulas_assistidas > aulas_ministradas){
System.out.println("Aulas assistidas maior que aulas ministradas");
}
else{
// vamos calcular a média do aluno
double media = (n1 + n2) / 2;
// vamos calcular a frequencia
double frequencia = (aulas_assistidas / (double)aulas_ministradas) * 100;
// vamos testar a aprovação do aluno agora
if((media >= 6.0) && (frequencia >= 75)){
System.out.println("Aluno aprovado com média " + media +
" e frequencia " + frequencia + "%");
}
else{
System.out.println("Aluno reprovado com média " + media +
" e frequencia " + frequencia + "%");
}
}
}
}
|
QGIS ::: PyQGIS API ::: Projeto QGIS - Classe QgsProject |
Como retornar o título do projeto do QGIS usando PyQGIS e a função title() da classe QgsProjectQuantidade de visualizações: 447 vezes |
|
Em algumas situações nós precisamos obter o título do projeto atual do QGIS. Para isso nós podemos usar a função title() da classe QgsProject da PyQGIS API. Note que o título do projeto do QGIS é definido indo no menu Projeto -> Propriedades. Na janela Propriedades nós acessamos a guia Geral e definimos no campo Título do Projeto o valor que desejamos. Veja o código PyQGIS completo que acessa e exibe o título do projeto em uma mensagem QMessageBox.information: # vamos obter o título do projeto do QGIS titulo = QgsProject.instance().title() # e mostramos o resultado QMessageBox.information(None, "Aviso", "O título do projeto é: " + titulo) Ao executar este código PyQGIS nós teremos um resultado parecido com: O título do projeto é: Estudo hidrológico cliente AFG Rio Verde-GO |
Rust ::: Dicas & Truques ::: Strings e Caracteres |
Como testar se uma string é um valor numérico em Rust usando a função is_numeric()Quantidade de visualizações: 751 vezes |
|
Nesta dica mostrarei como podemos verificar se uma string possui um valor numérico válido, ou seja, é composta apenas pelos dígitos de 0 a 9. Note que criei uma função validar_string_numerica() que recebe a string e retorna um valor bool, indicando se a string é um valor númerico válido ou não. Note também o uso do método is_numeric() do tipo char para testar os caracteres individuais da string. Veja o código Rust completo para o exemplo:
// função principal do programa Rust
fn main() {
// vamos declarar uma string
let numero = "3a2221";
// vamos testar se a string é numérica
if validar_string_numerica(numero.to_string()){
println!("A string {} é numérica", numero);
}
else{
println!("A string {} não é numérica", numero);
}
}
// função quer permite verificar se uma string
// possui um valor numérico válido
fn validar_string_numerica(str: String) -> bool {
// vamos varrer os caracteres da string
for c in str.chars() {
// o caractere atual não é numérico?
if !c.is_numeric() {
return false;
}
}
// se chegou até aqui, a string é numérica
return true;
}
|
Veja mais Dicas e truques de Rust |
Dicas e truques de outras linguagens |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |




