import React, {ChangeEvent, FormEvent, useEffect, useState} from 'react';
import logo from './logo.svg';
import './App.css';

export default function App() {
    const [resourceType, setResourceType] = useState('posts')
    const [value, setValue] = useState<number>(0);

    useEffect(() => {
        console.log(value)
    }, [value])
    return (

            <form>
                <input type="text" value={value}
                       onChange={(e: ChangeEvent<HTMLTextAreaElement | HTMLInputElement>) => setValue(parseInt(e.target.value))}/>
                <p>{ value }</p>
                <button>Caculate</button>
            </form>


    );

}