Compare commits

...

2 Commits

2 changed files with 4 additions and 10 deletions

View File

@@ -50,16 +50,12 @@
<div class="land-card"> <div class="land-card">
<div class="land-card-icon"></div> <div class="land-card-icon"></div>
<h2>// JOIN A SESSION</h2> <h2>// JOIN A SESSION</h2>
<p>Enter a room code and your name to join an existing session.</p> <p>Enter a room code to join an existing session. You'll be assigned a numeric ID.</p>
<div class="field"> <div class="field">
<label>ROOM CODE</label> <label>ROOM CODE</label>
<input id="ji-code" maxlength="8" placeholder="XXXXXX" style="letter-spacing:5px;text-transform:uppercase;font-size:20px;" <input id="ji-code" maxlength="8" placeholder="XXXXXX" style="letter-spacing:5px;text-transform:uppercase;font-size:20px;"
oninput="this.value=this.value.toUpperCase()" /> oninput="this.value=this.value.toUpperCase()" />
</div> </div>
<div class="field">
<label>YOUR NAME</label>
<input id="ji-name" maxlength="24" placeholder="Enter name…" />
</div>
<button class="btn btn-g btn-full" onclick="joinRoom()">JOIN ROOM →</button> <button class="btn btn-g btn-full" onclick="joinRoom()">JOIN ROOM →</button>
</div> </div>
</div> </div>

View File

@@ -24,7 +24,7 @@ let playerTimerRemaining=0,playerTimerInterval=null;
const saveMod=(id,s)=>localStorage.setItem('mod',JSON.stringify({id,s})); const saveMod=(id,s)=>localStorage.setItem('mod',JSON.stringify({id,s}));
const loadMod=()=>{try{return JSON.parse(localStorage.getItem('mod')||'null');}catch{return null;}}; const loadMod=()=>{try{return JSON.parse(localStorage.getItem('mod')||'null');}catch{return null;}};
const clearMod=()=>{localStorage.removeItem('mod');document.getElementById('rejoin-bar').style.display='none';}; const clearMod=()=>{localStorage.removeItem('mod');document.getElementById('rejoin-bar').style.display='none';};
const savePlay=(rid,pid,name)=>localStorage.setItem('play',JSON.stringify({rid,pid,name})); const savePlay=(rid,pid)=>localStorage.setItem('play',JSON.stringify({rid,pid}));
const loadPlay=()=>{try{return JSON.parse(localStorage.getItem('play')||'null');}catch{return null;}}; const loadPlay=()=>{try{return JSON.parse(localStorage.getItem('play')||'null');}catch{return null;}};
// ══════════════════════════════════════════════════════ // ══════════════════════════════════════════════════════
@@ -68,7 +68,7 @@ function handle(msg){
break; break;
case 'joined': case 'joined':
myId=msg.playerId;room=msg.room;role='player'; myId=msg.playerId;room=msg.room;role='player';
savePlay(room.id,myId,document.getElementById('ji-name').value||loadPlay()?.name||''); savePlay(room.id,myId);
showScr('s-player');renderPlayer(); showScr('s-player');renderPlayer();
break; break;
case 'room_update': case 'room_update':
@@ -171,10 +171,8 @@ function setConn(on){
function goSetup(){renderSetupTeamNames();showScr('s-setup');} function goSetup(){renderSetupTeamNames();showScr('s-setup');}
function joinRoom(){ function joinRoom(){
const code=document.getElementById('ji-code').value.trim().toUpperCase(); const code=document.getElementById('ji-code').value.trim().toUpperCase();
const name=document.getElementById('ji-name').value.trim();
if(!code){toast('Enter room code','err');return;} if(!code){toast('Enter room code','err');return;}
if(!name){toast('Enter your name','err');return;} connect(()=>ws_send({type:'join_room',roomId:code}));
connect(()=>ws_send({type:'join_room',roomId:code,playerName:name}));
} }
function openRejoin(){ function openRejoin(){
const m=loadMod();if(!m)return; const m=loadMod();if(!m)return;