sessionstorage

src/Home.js

@@ -8,9 +8,8 @@ function Home() {
             <div classXName="Box">
                 <div className="Name">
                     이름을 입력하세요
-            <input onChange={(event) => sessionStorage.setItem('name',event.target.value)} />
+            <input onChange={(event) => sessionStorage.setItem('name', event.target.value)} />
                 </div>
-                <button onClick={(event) =>  checking(event)}>이름입력완료</button>
 
                 {/* sessionStorage를 사용해야는지 localstorage를 사용해야하는지 */}
             </div>
@@ -26,10 +25,12 @@ function Home() {
 }
 function checking(event) {
 
-    if (sessionStorage.getItem('name') === null||sessionStorage.getItem('name').length ===0) {
+    if (sessionStorage.getItem('name') === null || sessionStorage.getItem('name').length === 0) {
         alert('이름을 입력하세요')
 
-        // alert('입력하신 이름은'+event.target+'입니다.')
+    }
+    else {
+        alert('입력하신 이름은'+sessionStorage.getItem('name')+'입니다.')
     }
 }