Alice/JavaScript
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

final version

Browse Source
This commit is contained in:
Alice
2026-05-28 15:45:47 +03:00
parent d5bd6d9d97
commit 77a828cace
3 changed files with 133 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Книга ''Изучаем программирование на JavaScript''/Project/index.html
+13 -2
View File
@@ -1,6 +1,17 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <meta charset="UTF-8"> </head>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
</head>
<body> <body>
<script type="text/javascript" src="main.js"> </script> <h2 id="record">RECORD: -</h2>
<h3 id="shots">SHOTS: 0 / 35</h3>
<table id="board"></table>
<script src="main.js"></script>
</body> </body>
</html>
Книга ''Изучаем программирование на JavaScript''/Project/main.js
+100 -43
View File
@@ -1,51 +1,108 @@
var x1=Math.floor(Math.random()*5)+1; window.onload = function () {
var x2=x1+1;
var x3=x1+2;
var guess; var shots = 0;
var hits=0; var hits = 0;
var guesses=0; var maxShots = 35;
var isSunk=false; var gameOver = false;
var y1=Math.floor(Math.random()*7)+1;
var sea=[
[null, null, null, null, null, null, null, null],
[null, 0, 0, 0, 0, 0, 0, 0],
[null, 0, 0, 0, 0, 0, 0, 0],
[null, 0, 0, 0, 0, 0, 0, 0],
[null, 0, 0, 0, 0, 0, 0, 0],
[null, 0, 0, 0, 0, 0, 0, 0],
[null, 0, 0, 0, 0, 0, 0, 0],
[null, 0, 0, 0, 0, 0, 0, 0],
];
sea[y1][x1]=1; var record = localStorage.getItem("record") || "-";
sea[y1][x2]=1; document.getElementById("record").innerHTML = "RECORD: " + record;
sea[y1][x3]=1;
while (isSunk == false) { var sea = [];
guess = prompt("Ready, aim, fire! (enter two numbers 1-7):");
if (guess === null) { var sea = [
break; [null, null, null, null, null, null, null, null],
} [null, 0, 0, 0, 0, 0, 0, 0],
[null, 0, 0, 0, 0, 0, 0, 0],
[null, 0, 0, 0, 0, 0, 0, 0],
[null, 0, 0, 0, 0, 0, 0, 0],
[null, 0, 0, 0, 0, 0, 0, 0],
[null, 0, 0, 0, 0, 0, 0, 0],
[null, 0, 0, 0, 0, 0, 0, 0]
];
guess = Number(guess); function createShip() {
if (guess < 1 || guess > 7) { var x, y;
alert("Please enter a valid cell number!");
} else {
++guesses;
}
}
do {
x = Math.floor(Math.random() * 5) + 1;
y = Math.floor(Math.random() * 7) + 1;
console.log(sea[1]); } while (
console.log(sea[2]); sea[y][x] == 1 ||
console.log(sea[3]); sea[y][x + 1] == 1 ||
console.log(sea[4]); sea[y][x + 2] == 1
console.log(sea[5]); );
console.log(sea[6]);
console.log(sea[7]); sea[y][x] = 1;
console.log(sea); sea[y][x + 1] = 1;
console.log(x1,x2,x3); sea[y][x + 2] = 1;
console.log(y1); }
for (var i = 0; i < 5; i++) {
createShip();
}
console.log("FIELD:");
console.log(sea);
var table = document.getElementById("board");
for (var i = 1; i <= 7; i++) {
var row = document.createElement("tr");
for (var j = 1; j <= 7; j++) {
var cell = document.createElement("td");
cell.dataset.y = i;
cell.dataset.x = j;
cell.onclick = function () {
if (gameOver || this.innerHTML != "") return;
var y = this.dataset.y;
var x = this.dataset.x;
shots++;
document.getElementById("shots").innerHTML =
"SHOTS: " + shots + " / " + maxShots;
if (sea[y][x] == 1) {
this.innerHTML = "X";
sea[y][x] = 0;
hits++;
if (hits == 15) {
alert("ВЫ ВЫИГРАЛИ");
if (record == "-" || shots < record) {
localStorage.setItem("record", shots);
}
gameOver = true;
location.reload();
}
} else {
this.innerHTML = "O";
}
if (shots > maxShots && hits < 15) {
alert("ВЫ ПРОИГРАЛИ");
gameOver = true;
location.reload();
}
};
row.appendChild(cell);
}
table.appendChild(row);
}
};
Книга ''Изучаем программирование на JavaScript''/Project/style.css
+17
View File
@@ -0,0 +1,17 @@
body {
text-align: center;
font-family: Arial;
}
table {
margin: auto;
border-collapse: collapse;
}
td {
width: 50px;
height: 50px;
border: 1px solid black;
font-size: 24px;
cursor: pointer;
}