Морской бой на JS

Sea Battle game







#battle-field-1, #battle-field-2 { width: 320px; height: 320px; float: left; margin: 10px; border: 1px dashed black; }

.ships-line { color: grey; margin: 10px; line-height: 5px; letter-spacing: 10px; }

#battle-field-1 .s { background: #222; }

#battle-field-2 .s, .w { background: blue; }

.d { background: red; }

.m { background: gray; }

#battle-field-1 div, #battle-field-2 div { width: 30px; height: 30px; float: left; border: 1px solid black;}











Стартуем





window.onload = function(w, h) {

var q=0; //переменная для игрока

var z=0; // переменная для вычисления

var x=0; // переменная для соперника

var p1map = [],

p2map = ['ooosooooss', //порядок кораблей

'ososoooooo',

'ooosoooooo',

'ooosooosoo',

'ooooooosoo',

'osoosoosoo',

'osoooooooo',

'ososoooooo',

'ooooossooo',

'ssooooooso'],

p1 = document.getElementById('battle-field-1'),

p2 = document.getElementById('battle-field-2'),

outputDiv = document.getElementById("output"),

button = document.getElementById('start');

outputDiv.innerHTML = "Конфигурация кораблей: 1 x 4, 2 x 3, 3 x 2, 4 x 1";

button.onclick = function () {

button.disabled = true;

for (var a = 0; a " + p1map[a] + "";

}

}



for (i = 0; i  0; i--) 



{ var targets = document.querySelectorAll('#battle-field-1 .s, #battle-field-1 .w');

if (targets.length === 0 || fire(targets[Math.floor(Math.random() * targets.length)])) break; //рандомит ходы противника



{x++;document.form1.n2.value=x;

z=q-x;

document.form1.n1.value=z;}//вывод попаданий соперника

}

if (document.querySelectorAll('#battle-field-1 .s').length === 0) alert('Поражение! Обновите страницу, чтобы начать игру сначала.'); //проверка на наличие красных полей у противника и вывод

}

}(10, 10);







Количество очков  

Количество очков соперника 













надо подсчитать очки у игрока и у соперника

если корабль уничтожен то за это 5 очков

за первое попадание в корабль 3 очка

за второе 2

и за последующие 1