import { useState } from ‘react’
// import reactLogo from ‘./assets/react.svg’
// import viteLogo from ‘/vite.svg’
import ‘./App.css’
function App() {
const [inputValue, setinputValue] = useState(”);
const handlekeyDown=(event)=>{
if(event.key===’enter’){
console.log(‘down key is pressed’);
alert(`You pressed Enter! Input value: ${inputValue}`);
}
};
return (
<>
<div>
<input type=”text” value={inputValue} onChange={(e)=>setinputValue(e.target.value)}
onKeyDown={handlekeyDown}
placeholder=’enter input’
/>
</div>
</>
);
}
export default App