<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<style type="text/css">
* {
padding: 0; margin: 0;
}
body, html {
height: 100%;
}
#div {
height: 85%; width: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size:60px;
-webkit-user-select: none;
}
</style>
</head>
<body id="body">
<div id="div">
<span id="num">0</span>
</div>
<center>
<button id="BtnMinus">-</button>
<button id="BtnPlus">+</button>
<button id="BtnReset">Reset</button>
</center>
<script type="text/javascript">
let Score = document.getElementById('num'), numbers = 0;
let div = document.getElementById('div');
div.onclick = function () {
numbers += 1;
Score.innerHTML = numbers;
}
$(document).ready(function () {
$("#BtnReset").click(function () {
if (window.confirm("Вы точно хотите начать заново?")) {location.reload();}
else { alert("Продолжай в том же духе)"); }
})
$("#BtnPlus").click(function () {
// numbers += 1;
})
})
</script>
</body>
</html>
-numbers += 1;
+numbers -= 1;
$('#BtnPlus').click(()=>{
let num = parseInt($('#num').html());
$('#num').html(num++);
});
$('#BtnMinus').click(()=>{
let num = parseInt($('#num').html());
if(!num) return;
$('#num').html(num--);
});