gamefunk/battle
1
0
Fork 0
Code Issues 4 Pull Requests Activity

Update src/battle.js

Browse Source 
Групповые бои. #3
This commit is contained in:
Ivor Barhansky 2024-06-21 12:35:14 +00:00
parent af6859ccd8
commit 085663e22e
1 changed files with 19 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/battle.js
View File

@ -1,7 +1,19 @@
document.getElementById('gameMode').addEventListener('change', function () {
const gameMode = this.value;
const teamSelect = document.getElementById('team');
if (gameMode === 'team') {
teamSelect.style.display = 'block';
} else {
teamSelect.style.display = 'none';
}
});
document.getElementById('joinForm').addEventListener('submit', function (event) { document.getElementById('joinForm').addEventListener('submit', function (event) {
event.preventDefault(); event.preventDefault();
const username = document.getElementById('username').value; const username = document.getElementById('username').value;
joinGame(username); const gameMode = document.getElementById('gameMode').value;
const team = gameMode === 'team' ? document.getElementById('team').value : '';
joinGame(username, gameMode, team);
}); });
document.getElementById('submitMove').addEventListener('click', function () { document.getElementById('submitMove').addEventListener('click', function () {
@ -13,13 +25,13 @@ document.getElementById('submitMove').addEventListener('click', function () {
let pollInterval; let pollInterval;
function joinGame(username) { function joinGame(username, gameMode, team) {
fetch('battle.php', { fetch('battle.php', {
method: 'POST', method: 'POST',
headers: { headers: {
'Content-Type': 'application/x-www-form-urlencoded' 'Content-Type': 'application/x-www-form-urlencoded'
}, },
body: `action=join&username=${encodeURIComponent(username)}` body: `action=join&username=${encodeURIComponent(username)}&gameMode=${encodeURIComponent(gameMode)}&team=${encodeURIComponent(team)}`
}).then(response => response.json()) }).then(response => response.json())
.then(data => { .then(data => {
document.getElementById('joinForm').style.display = 'none'; document.getElementById('joinForm').style.display = 'none';
@ -49,7 +61,7 @@ function submitMove(username, move, target) {
function updateGameState(gameState) { function updateGameState(gameState) {
const gameStateDiv = document.getElementById('gameState'); const gameStateDiv = document.getElementById('gameState');
gameStateDiv.innerHTML = ''; gameStateDiv.innerHTML = '';
gameStateDiv.innerHTML += `<p>Players: ${gameState.fighters.map(f => f.name).join(', ')}</p>`; gameStateDiv.innerHTML += `<p>Players: ${gameState.fighters.map(f => `${f.name} ${f.team ? `(Team ${f.team})` : ''}`).join(', ')}</p>`;
gameState.moves.forEach(move => { gameState.moves.forEach(move => {
gameStateDiv.innerHTML += `<p>${move.fighter}: ${move.move} -> ${move.target}</p>`; gameStateDiv.innerHTML += `<p>${move.fighter}: ${move.move} -> ${move.target}</p>`;
}); });
@ -57,7 +69,7 @@ function updateGameState(gameState) {
const fightersDiv = document.getElementById('fighters'); const fightersDiv = document.getElementById('fighters');
fightersDiv.innerHTML = ''; fightersDiv.innerHTML = '';
gameState.fighters.forEach(fighter => { gameState.fighters.forEach(fighter => {
fightersDiv.innerHTML += `<p>${fighter.name} - HP: ${fighter.hp}, ATT: ${fighter.attack}</p>`; fightersDiv.innerHTML += `<p>${fighter.name} ${fighter.team ? `(Team ${fighter.team})` : ''} - HP: ${fighter.hp}, ATT: ${fighter.attack}</p>`;
}); });
const username = document.getElementById('username').value; const username = document.getElementById('username').value;
@ -67,7 +79,7 @@ function updateGameState(gameState) {
if (gameState.battle_end) { if (gameState.battle_end) {
const winnerDiv = document.createElement('div'); const winnerDiv = document.createElement('div');
winnerDiv.innerHTML = `<p>Battle End! Winner: ${gameState.winner}</p>`; winnerDiv.innerHTML = `<p>Battle End! ${gameState.winner.team ? `Winning Team: ${gameState.winner.team}` : `Winner: ${gameState.winner.name}`}</p>`;
document.body.appendChild(winnerDiv); document.body.appendChild(winnerDiv);
submitButton.style.display = 'none'; submitButton.style.display = 'none';
targetSelector.style.display = 'none'; targetSelector.style.display = 'none';
@ -76,7 +88,7 @@ function updateGameState(gameState) {
const aliveFighters = gameState.fighters.filter(fighter => fighter.hp > 0); const aliveFighters = gameState.fighters.filter(fighter => fighter.hp > 0);
targetSelector.innerHTML = ''; targetSelector.innerHTML = '';
if (aliveFighters.length > 2) { if (aliveFighters.length > 2 && gameState.last_fighter !== username) {
targetSelector.style.display = 'block'; targetSelector.style.display = 'block';
aliveFighters.forEach(fighter => { aliveFighters.forEach(fighter => {
if (fighter.name !== username) { if (fighter.name !== username) {
@ -99,10 +111,8 @@ function updateGameState(gameState) {
if (gameState.last_fighter === username || currentFighter.hp <= 0) { if (gameState.last_fighter === username || currentFighter.hp <= 0) {
submitButton.style.display = 'none'; submitButton.style.display = 'none';
targetSelector.style.display = 'none';
} else { } else {
submitButton.style.display = 'block'; submitButton.style.display = 'block';
targetSelector.style.display = 'block';
} }
} }
} }