��

mybb@mybb.ru (Milana Star) — Wed, 15 Oct 2025 18:58:18 +0300

[html]

<title>�� — ��</title>
<style>
#sea-battle {
display: inline-block;
margin: 20px;
}
table {
border-collapse: collapse;
user-select: none;
}
td {
width: 30px;
height: 30px;
border: 1px solid #333;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-color: #cce7ff;
}
td.ship {
background-color: #666; /* �� */
}
td.hit {
background-color: red;
color: white;
}
td.miss {
background-color: #eee;
}
#message {
margin-top: 15px;
font-weight: bold;
}
</style>

// �� 10x10
const table = document.createElement('table');

// �� (0 - ��, 1 - ��, 2 - ��, 3 - ��)
const field = Array(size).fill(null).map(() => Array(size).fill(0));

// �� (��)
// �� 5 ��
const ships = [
[0,0], [2,3], [5,5], [7,2], [9,9]
];
ships.forEach(([r,c]) => {
field[r][c] = 1;
});

function createCell(r, c) {
const td = document.createElement('td');
td.dataset.row = r;
td.dataset.col = c;
td.addEventListener('click', () => onCellClick(r,c, td));
return td;
}

function onCellClick(r, c, cell) {
if (field[r][c] === 2 || field[r][c] === 3) {
messageEl.textContent = "�� .";
return;
}

if (field[r][c] === 1) {
// ��
field[r][c] = 2;
cell.classList.add('hit');
messageEl.textContent = "��!";
} else {
// ��
field[r][c] = 3;
cell.classList.add('miss');
messageEl.textContent = "��.";
}

checkWin();
}

function checkWin() {
// ��
const left = field.flat().filter(v => v === 1).length;
if (left === 0) {
messageEl.textContent = "��! �� !";
// ��
table.querySelectorAll('td').forEach(td => td.style.pointerEvents = 'none');
}
}

// ��
for(let r=0; r<size; r++) {
const tr = document.createElement('tr');
for(let c=0; c<size; c++) {
const td = createCell(r,c);
tr.appendChild(td);
}
table.appendChild(tr);
}

sea.appendChild(table);
})();
</script>

[/html]

��

mybb@mybb.ru (Milana Star) — Wed, 15 Oct 2025 18:55:29 +0300

[html]
<script>
// ��
document.getElementById('sea-battle').innerHTML = `
<h2>�� </h2>
<div id="game-container"></div>
`;

const size = 8;
const shipPositions = [
{ row: 2, col: 3 },
{ row: 4, col: 5 },
{ row: 6, col: 1 }
];

const container = document.getElementById('game-container');

const table = document.createElement('table');

for (let r = 0; r < size; r++) {
const tr = document.createElement('tr');
for (let c = 0; c < size; c++) {
const td = document.createElement('td');
td.dataset.row = r;
td.dataset.col = c;
td.addEventListener('click', onCellClick);
tr.appendChild(td);
}
table.appendChild(tr);
}
container.appendChild(table);

const hit = shipPositions.some(pos => pos.row === r && pos.col === c);

if (hit) {
cell.classList.add('hit');
cell.innerHTML = '��';
alert('�� !');
} else {
cell.classList.add('miss');
cell.innerHTML = '��';
alert('��!');
}
}
</script>

��

mybb@mybb.ru (Milana Star) — Thu, 24 Jul 2025 18:37:46 +0300

[html]<div class="container-bank">
<div class="balance-field">
�� :
<input type="number" id="currentBalance" placeholder="�� ">
</div>
<form id="bankForm">
<div class="radio-group">
<input type="radio" name="action" id="saveAction" value="save" checked>
<label for="saveAction">��</label>
<input type="radio" name="action" id="spendAction" value="spend">
<label for="spendAction">��</label>
</div>
<div id="itembanks">

<div class="col">