Files
setAlert/my-app/src/App.jsx
2025-05-14 21:07:50 +02:00

53 lines
835 B
JavaScript

import { useState } from 'react';
function App() {
const [clickCount,setClickCount]= useState(0);
const [alertStatus,setAlertStatus]= useState("aus");
//const [sum,setSum]=useState(0);
const handleButtonClick = () =>{
const newClick = clickCount +1;
setClickCount(newClick);
if(newClick % 5 === 0){
setAlertStatus("an");
//alert("Fünf mal geklickt");
}else{
setAlertStatus("aus");
}
};
// const handleFive = ()=>{
// setSum(prevsum => prevsum +5);
// };
// const handleTen = ()=>{
// setSum(prevsum => prevsum +10);
// };
// <button onClick={handleFive} >+5</button>
// <button onClick={handleTen} >+10</button>
// <div>Summe: {sum}</div>
return (
<>
<button onClick={handleButtonClick} >klick mich</button>
<div>Alert steht auf {alertStatus}</div>
</>
);
}
export default App;