JSFiddle - React, Tailwind, and code Playground

by Krzysztof Niecikowski

HTML

<button id='button' onclick='createStudent()'>add student</button>

JavaScript

var studentNumber=1;
function createStudent(){


      // this is how you set it
    var newStudent = new Object();

    newStudent.fName = studentNumber+'abc';
    newStudent.lName = studentNumber+'pqr';
    newStudent.email = studentNumber+'[email protected]';

    if(sessionStorage.student)
    {
     student= JSON.parse(sessionStorage.getItem('student'));
    }else{
     student=[];
    }
 student.push(newStudent )   
    console.log('1'+student);
    sessionStorage.setItem('student', JSON.stringify(student));

       // this is how you will retrive it

    var retrievedObject = sessionStorage.getItem('student');
    console.log('retrievedObject: ', JSON.parse(retrievedObject));
studentNumber++;
}