import React from 'react'
import { Link } from 'react-router-dom';


function Home() {        
    return (
        <>
            <div classXName="Box">
                <div className="Name">
                    이름을 입력하세요
            <input onChange={(event) => sessionStorage.setItem('name',event.target.value)} />
                </div>
                <button onClick={(event) =>  checking(event)}>이름입력완료</button>

                {/* sessionStorage를 사용해야는지 localstorage를 사용해야하는지 */}
            </div>
            
            <div className='Box2'>
                <Link to="/quiz">
                    <button className="QuizStart">Quiz Start !</button>
                </Link>
            </div>
        </>

    )
}
function checking(event) {

    if (sessionStorage.getItem('name') === null||'') {
        alert('이름을 입력하세요')

        // alert('입력하신 이름은'+event.target+'입니다.')
    }
}

export default Home;