Skip to content

Commit 14013ee

Browse files
author
avsudnichnikov
committed
1 parent d4c0b23 commit 14013ee

File tree

5 files changed

+103
-1
lines changed

5 files changed

+103
-1
lines changed

‎bjs/07_Number_and_string/index.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,6 @@
2222
</div>
2323
</div>
2424
</div>
25-
2625
</div>
2726
</div>
2827
</div>

‎bjs/08_if_else/.gitignore

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
# Editor directories and files
2+
.idea
3+
.vscode
4+
*.suo
5+
*.ntvs*
6+
*.njsproj
7+
*.sln
8+
*.sw?

‎bjs/08_if_else/index.html

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Угадайка</title>
6+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
7+
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
8+
<link href="https://fonts.googleapis.com/css2?family=Open+Sans" rel="stylesheet">
9+
<link rel="stylesheet" href="style.css" type="text/css"/>
10+
</head>
11+
<body>
12+
<div class="container">
13+
<div class="row game-card align-items-center">
14+
<div class="col col-md-4 offset-md-4">
15+
<div class="card text-center">
16+
<div class="card-header">
17+
<p class="m-0">Вопрос №<span id="orderNumberField">5</span></p>
18+
</div>
19+
<div class="card-body">
20+
<div class="row no-gutters">
21+
<div class="col">
22+
<h3 class="card-title m-0"><span id="answerField">Вы загадали число 5?</span></h3>
23+
</div>
24+
</div>
25+
</div>
26+
<div class="card-body">
27+
<div class="btn-group">
28+
<button class="btn btn-info" id="btnLess">&#129047;<br>меньше</button>
29+
<button class="btn btn-success btn-lg" id="btnEqual">Верно!</button>
30+
<button class="btn btn-info" id="btnOver">больше<br>&#129045;</button>
31+
</div>
32+
</div>
33+
<div class="card-footer">
34+
<button class="btn btn-link" id="btnRetry">Заново</button>
35+
</div>
36+
</div>
37+
</div>
38+
</div>
39+
</div>
40+
<script src="script.js"></script>
41+
</body>
42+
</html>

‎bjs/08_if_else/script.js

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
let minValue = parseInt(prompt('Минимальное знание числа для игры','0'));
2+
let maxValue = parseInt(prompt('Максимальное знание числа для игры','100'));
3+
alert(`Загадайте любое целое число от ${minValue} до ${maxValue}, а я его угадаю`);
4+
let answer = Math.floor((minValue + maxValue) / 2);
5+
let orderNumber = 1;
6+
let gameRun = true;
7+
8+
const orderNumberField = document.getElementById('orderNumberField');
9+
const answerField = document.getElementById('answerField');
10+
11+
orderNumberField.innerText = orderNumber;
12+
answerField.innerText = `Вы загадали число ${answer}?`;
13+
14+
document.getElementById('btnRetry').addEventListener('click', function () {
15+
minValue = 0;
16+
maxValue = 100;
17+
orderNumber = 0;
18+
})
19+
20+
document.getElementById('btnOver').addEventListener('click', function () {
21+
if (gameRun){
22+
if (minValue === maxValue){
23+
const phraseRandom = Math.round( Math.random());
24+
console.log(phraseRandom);
25+
const answerPhrase = (phraseRandom === 1) ?
26+
`Вы загадали неправильное число!\n\u{1F914}` :
27+
`Я сдаюсь..\n\u{1F92F}`;
28+
29+
answerField.innerText = answerPhrase;
30+
gameRun = false;
31+
} else {
32+
minValue = answer + 1;
33+
answer = Math.floor((minValue + maxValue) / 2);
34+
orderNumber++;
35+
orderNumberField.innerText = orderNumber;
36+
answerField.innerText = `Вы загадали число ${answer}?`;
37+
}
38+
}
39+
})
40+
41+
document.getElementById('btnEqual').addEventListener('click', function () {
42+
if (gameRun){
43+
minValue = answer;
44+
maxValue = answer;
45+
answerField.innerText = `Я всегда угадываю\n\u{1F60E}`
46+
gameRun = false;
47+
}
48+
})
49+

‎bjs/08_if_else/style.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
.game-card {
2+
height: 100vh;
3+
font-family: 'Open Sans', monospace;
4+
}

0 commit comments

Comments
 (0)