Compare commits
2 Commits
010b5a593e
...
b76bcbffb2
| Author | SHA1 | Date | |
|---|---|---|---|
| b76bcbffb2 | |||
| 67bd8d9e77 |
@@ -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>
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user