Battleship_Server/public/js/htmlTmpl.js
2024-04-05 02:00:23 +02:00

28 lines
1.0 KiB
JavaScript

export const cardGamePropia = (nickname, game_id,eliminarPartidaCallback) => {
var cardGameDiv = document.createElement('div');
cardGameDiv.classList.add('cardGame');
cardGameDiv.innerHTML = `<span>${nickname}</span>
<span class="parpadea">Esperando rival...</span>
<button class="cancel-game-btn button button-orange">Cancelar</button>
`;
const cancelGameBtn = cardGameDiv.querySelector('.cancel-game-btn');
cancelGameBtn.addEventListener('click', () => {
eliminarPartidaCallback(game_id);
});
return cardGameDiv;
};
export const cardGameGeneral = (nickname, game_id,unirsePartidaCallback) => {
var cardGameDiv = document.createElement('div');
cardGameDiv.classList.add('cardGame');
cardGameDiv.innerHTML = `<span>${nickname}</span>
<span>VS</span>
<button class="join-game-btn button button-green">Unirse</button>
`;
const joinGameBtn = cardGameDiv.querySelector('.join-game-btn');
joinGameBtn.addEventListener('click', () => {
unirsePartidaCallback(game_id);
});
return cardGameDiv;
};