Untitled

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <div id="nombre">
    </div>
    <div id="score">
        score : 0
    </div>
    <button id="plus">+</button>
    <button id="moins">-</button>
</body>
<script>
    var plus = document.getElementById('plus');
    var moins = document.getElementById('moins');
    var scores = document.getElementById('score');
    var nombre = document.getElementById('nombre');

    var nb = Math.round(Math.random() * 50);
    score = 0
    document.getElementById('nombre').innerHTML = 'nombre :' + nb + '';
    plus.addEventListener('click', function (e) {
        nb2 = Math.round(Math.random() * 50)
        if (nb2 > nb) {
            score++;
            nombre.innerHTML = 'nombre :' + nb2 + '';
            scores.innerHTML = 'score :' + score + '';
            nb = nb2;
        } else {
            score = 0;
            nombre.innerHTML = 'Perdu ! Vous repartez du début ! <br>nombre :' + nb2 + '';
            scores.innerHTML = 'score : 0';
            nb = nb2;
        }
    });
    moins.addEventListener('click', function (e) {
        nb2 = Math.round(Math.random() * 50);
        if (nb2 < nb) {
            score++;
            nombre.innerHTML = 'nombre :' + nb2 + '';
            scores.innerHTML = 'score :' + score + '';
            nb = nb2;
        } else {
            score = 0;
            nombre.innerHTML = 'Perdu ! Vous repartez du début ! <br>nombre :' + nb2 + '';
            scores.innerHTML = 'score : 0';
            nb = nb2;
        }
    });
</script>
</html>