Здравствуйте, есть рандомайзер. Должен работать так: нажимается кнопка "снегерировать", и сгенерированное число попадает в "случайное число" и в "победители". В победителях все выводится как надо, а в случайное число вносится только первый элемент, а надо что бы он каждый раз менялся на актуальный. Посоветуйте что-нибудь.
<html><head>
<meta charset="UTF-8">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<title></title>
</head>
<body>
<button id="button" onclick="sm()" class="number">Сгенерировать</button>
от:<input class="number-start" type="number" min="0" max="999999" value="1" id="inp1" autocomplete="off">
до:<input class="number-end" type="number" min="0" max="999999" value="100" id="inp2" autocomplete="off">
<input type="number" min="0" max="100" value="1" id="inp3" style="display: none;">
<li>Победители:</li>
<div id="res"></div>
<h3>Случайное число:</h3>
<div id="random-num"></div>
<script>
$('button').click(function one(){
function randomInteger(min, max) {
var rand = min - 0.5 + Math.random() * (max - min + 1)
rand = Math.round(rand);
return rand;
}
var min = document.querySelector("#inp1").value;
var max = document.querySelector("#inp2").value;
$ ("#res").append('<span id="wrapper">' +'</span>' + '.<span id="number">' + randomInteger(min, max) , '<br>');
var e = document.getElementById("number");
document.getElementById("random-num").innerHTML = e.textContent;
});
setTimeout( function sm(){
var i = 0;
document.querySelector("#button").onclick = function(){
document.querySelector("#res").innerHTML += ++i;
};
} ,0);
</script>
</body>
</html>