function Converter() {
const [km, setKm] = useState(0);
function handleChange(e) {
setKm(e.target.value);
}
function convert(km) {
return (km/1.609).toFixed(2);
}
return <div>
<input type="text" value={km}
onChange={handleChange} />
<p> {km} km is {convert(km)} miles </p>
</div>;
}
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter