Javascript Como simular área restrita com JS?

[Visitante]

Estou criando um jogo rpg de texto via JS e queria ajuda com sugestões, mas minha dúvida agora é, como criar áreas restritas com JS? Eu gostaria que existisse uma sessão com o nome e classe do jogador e informações do personagem e caso ele tente voltar pro menu OU não consiga voltar sem sair do jogo, OU ele possa retornar a partida atual e enquanto não apagar a partida estará lá.

‘Cookies’ podem ser uma solução?  se sim, qual a melhor maneira de usar cookies com JS? 
Eu não fiz muito código ainda, mas vou colocar aqui apenas para ilustrar.

var online = false;

function iniciar(){
   var nome = document.getElementById("nome").value;  
   var classe = document.getElementById("classe").value; 
     console.log(nome)
 	 console.log(classe) 
   var escolha = 201;
    var div = document.getElementById("escolha");  
   	if(nome != "" && classe != ""){
     div.innerText = +escolha;   
   	setTimeout(function(){
    window.location.href = "work.html"; }, 2000);	
     online = true;
    if(online == true){
      
    } 
   	}else{
   		alert('Não deixe campos vazios!')
   	}   
}
function reinciar(){
  online = false;
}

 

[Rui Guilherme]

Você pode salvar os dados da partida nos Cookies ou no LocalStorage, assim ele vai conseguir sair do site, acessar outras abas e tudo o que você precisa fazer é criar uma função para pegar esses dados e carregar novamente. Porém tanto Cookies como LocalStorage o usuario pode usar cheater simplesmente editando os parametros que você salvou.

 

Pode começar por aqui: https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies, https://developer.mozilla.org/en-US/docs/web/api/document/cookie e/ou aqui https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

 

Se quiser fazer algo mais divertido, segue:

https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API