необходимо сделать дополнения к игре морской бой!

@Serrrgo · Регистрация: 11.04.2015

Студворк — интернет-сервис помощи студентам

это код игры морской бой
надо подсчитать очки у игрока и у соперника
если корабль уничтожен то за это 5 очков
за первое попадание в корабль 3 очка
за второе 2
и за последующие 1

Пытался подсчитать для начала кол-во попаданий, считает общее с двух полей, а необходимо с каждого, помогите, пожалуйста, справиться с данной задачей

<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Sea Battle game</title>
</head>
<body>
<style>
#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;}
</style>
<div id="battle-field-1"></div>
<div id="battle-field-2"></div>
<div id="output"></div>
<button id="start">Стартуем</button>
<script>
window.onload = function(w, h) {
var q=0;
var z=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 = "<p><b>Конфигурация кораблей: 1 x 4, 2 x 3, 3 x 2, 4 x 1</b></p>";
button.onclick = function () {
button.disabled = true;
for (var a = 0; a < w; a++) {
var shipLine = prompt("Введите " + a + " линию ваших кораблей, где 'o' пустая клетка и 's' клетка с кораблем", "ossoooosoo");
p1map.push(shipLine);
if (p1map[a] != undefined) {
outputDiv.innerHTML += "<p class='ships-line'>" + p1map[a] + "</p>";
}
}
for (i = 0; i < w; i++) for (j = 0; j < h; j++) {
div1 = document.createElement('div');
div1.id = i+'_'+j;
div1.className = p1map[i][j];
if (p1map[i][j] == 's') {
div1.className = 's';
} else {
div1.className = 'w';

}
p1.appendChild(div1);
div2 = document.createElement('div');
div2.className = p2map[i][j] == 's' ? 's' : 'w';
div2.onclick = function () { if (fire(this)) backfire(); };

p2.appendChild(div2);

}
};
function fire(el) {

if (el.className == 'd' || el.className == 'm') {return false;}

el.className = el.className == 's' ? 'd' : 'm';
if ( el.className == 'd') {q++;
document.form1.n1.value=q;};
if (document.querySelectorAll('#battle-field-2 .s').length === 0) {
alert('Победа!');
return false;
}
if (el.className == 'm') return true;
}
function backfire() {

for (i = w * h; 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;

}

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

</script>

<form name="form1">
<label><p>Количество очков <input type='text' value="" size="5" name="n1"> </p></label>
<label><p>Количество очков соперника <input type='text' value="" size="5" name="n2"></p></label>
</form>
</body>
</html>

@BANO · 29.09.2015, 20:31

Serrrgo, выкиньте это на jsfiddle

Добавлено через 2 минуты

код в нормальном виде должен выглядеть так

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Sea Battle game</title>
</head>
<body>
<style>
    #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;}
</style>
<div id="battle-field-1"></div>
<div id="battle-field-2"></div>
<div id="output"></div>
<button id="start">Стартуем</button>
<script>
    window.onload = function(w, h) {
        var q=0;
        var z=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 = "<p><b>Конфигурация кораблей: 1 x 4, 2 x 3, 3 x 2, 4 x 1</b></p>";
        button.onclick = function () {
            button.disabled = true;
            for (var a = 0; a < w; a++) {
                var shipLine = prompt("Введите " + a + " линию ваших кораблей, где 'o' пустая клетка и 's' клетка с кораблем", "ossoooosoo");
                p1map.push(shipLine);
                if (p1map[a] != undefined) {
                    outputDiv.innerHTML += "<p class='ships-line'>" + p1map[a] + "</p>";
                }
            }
            for (i = 0; i < w; i++) for (j = 0; j < h; j++) {
                div1 = document.createElement('div');
                div1.id = i+'_'+j;
                div1.className = p1map[i][j];
                if (p1map[i][j] == 's') {
                    div1.className = 's';
                } else {
                    div1.className = 'w';
 
                }
                p1.appendChild(div1);
                div2 = document.createElement('div');
                div2.className = p2map[i][j] == 's' ? 's' : 'w';
                div2.onclick = function () { if (fire(this)) backfire(); };
 
                p2.appendChild(div2);
 
            }
        };
        function fire(el) {
 
            if (el.className == 'd' || el.className == 'm') {return false;}
 
 
            el.className = el.className == 's' ? 'd' : 'm';
            if ( el.className == 'd') {q++;
                document.form1.n1.value=q;};
            if (document.querySelectorAll('#battle-field-2 .s').length === 0) {
                alert('Победа!');
                return false;
            }
            if (el.className == 'm') return true;
        }
        function backfire() {
 
            for (i = w * h; 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;
 
            }
 
            if (document.querySelectorAll('#battle-field-1 .s').length === 0) alert('Поражение! Обновите страницу, чтобы начать игру сначала.');
        }
    }(10, 10);
 
 
 
</script>
 
<form name="form1">
    <label><p>Количество очков <input type='text' value="" size="5" name="n1"> </p></label>
    <label><p>Количество очков соперника <input type='text' value="" size="5" name="n2"></p></label>
</form>
</body>
</html>

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@Serrrgo 0 / 0 / 0 Регистрация: 11.04.2015 Сообщений: 3

	необходимо сделать дополнения к игре морской бой! 29.09.2015, 20:26. Показов 1017. Ответов 1 Метки нет (Все метки) это код игры морской бой надо подсчитать очки у игрока и у соперника если корабль уничтожен то за это 5 очков за первое попадание в корабль 3 очка за второе 2 и за последующие 1 Пытался подсчитать для начала кол-во попаданий, считает общее с двух полей, а необходимо с каждого, помогите, пожалуйста, справиться с данной задачей <html lang="ru"> <head> <meta charset="UTF-8"> <title>Sea Battle game</title> </head> <body> <style> #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;} </style> <div id="battle-field-1"></div> <div id="battle-field-2"></div> <div id="output"></div> <button id="start">Стартуем</button> <script> window.onload = function(w, h) { var q=0; var z=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 = "<p><b>Конфигурация кораблей: 1 x 4, 2 x 3, 3 x 2, 4 x 1</b></p>"; button.onclick = function () { button.disabled = true; for (var a = 0; a < w; a++) { var shipLine = prompt("Введите " + a + " линию ваших кораблей, где 'o' пустая клетка и 's' клетка с кораблем", "ossoooosoo"); p1map.push(shipLine); if (p1map[a] != undefined) { outputDiv.innerHTML += "<p class='ships-line'>" + p1map[a] + "</p>"; } } for (i = 0; i < w; i++) for (j = 0; j < h; j++) { div1 = document.createElement('div'); div1.id = i+'_'+j; div1.className = p1map[i][j]; if (p1map[i][j] == 's') { div1.className = 's'; } else { div1.className = 'w'; } p1.appendChild(div1); div2 = document.createElement('div'); div2.className = p2map[i][j] == 's' ? 's' : 'w'; div2.onclick = function () { if (fire(this)) backfire(); }; p2.appendChild(div2); } }; function fire(el) { if (el.className == 'd' \|\| el.className == 'm') {return false;} el.className = el.className == 's' ? 'd' : 'm'; if ( el.className == 'd') {q++; document.form1.n1.value=q;}; if (document.querySelectorAll('#battle-field-2 .s').length === 0) { alert('Победа!'); return false; } if (el.className == 'm') return true; } function backfire() { for (i = w * h; 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; } if (document.querySelectorAll('#battle-field-1 .s').length === 0) alert('Поражение! Обновите страницу, чтобы начать игру сначала.'); } }(10, 10); </script> <form name="form1"> <label><p>Количество очков <input type='text' value="" size="5" name="n1"> </p></label> <label><p>Количество очков соперника <input type='text' value="" size="5" name="n2"></p></label> </form> </body> </html> 0