import React from 'react'
import { Link } from 'react-router-dom';
import './Home.css';
// import bg from './img_study.jpg'


function Home() {
    return (
        <div className="container my-con">
            <div >
                <p className="text-center font-weight-bold">이름을 입력하세요</p>
                <div>
                    <div>
                        <input className="inputBox" onChange={(event) => sessionStorage.setItem('name', event.target.value)} />
                    </div>
                    <div>
                        <Link to="/quiz">
                            <button className="QuizStart" onClick={checking}>Quiz Start !</button>
                        </Link>
                    </div>
                </div>
            </div>
            <div>
                계산수학
            </div>
        </div>

    )
}

function checking() {
    if (sessionStorage.getItem('name') === null || sessionStorage.getItem('name').length === 0) {
        alert('이름을 입력하세요')
    }
    else {
        alert('입력하신 이름은' + sessionStorage.getItem('name') + '입니다.')
    }
}

export default Home;