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>

                {/* sessionStorage를 사용해야는지 localstorage를 사용해야하는지 */}
            </div>

            <div className='Box2'>
                <Link to="/quiz">
                    <button className="QuizStart" onClick={checking}>Quiz Start !</button>
                </Link>
            </div>
        </>

    )
}
function checking(event) {

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

    }
    else {
        alert('입력하신 이름은 '+sessionStorage.getItem('name')+'입니다.')
    }
}

export default Home;