#root
View Compiled
const { useState } = React;
function GreatCounter() {
const [count, setCount] = useState(0);
// Nouvel état pour stocker la dernière action
const [lastAction, setLastAction] = useState("");
// Création des fonctions pour ajouter et soustraire le compteur
const decrement = () => {
setLastAction("-1");
setCount(count - 1);
};
const increment = () => {
setLastAction("+1");
setCount(count + 1);
};
return (
<div>
<p>Current counter value:</p>
<h2>{count}</h2>
{/* Mise à jour des fonctions des boutons */}
<button onClick={increment}>Plus 1</button>
<button onClick={decrement}>Minus 1</button>
<p>Last button clicked:</p>
{/* Affichage de l'état ici*/}
<h2>{lastAction}</h2>
</div>
);
}
ReactDOM.render(<GreatCounter/>, document.getElementById("root"));
View Compiled
This Pen doesn't use any external CSS resources.