<!DOCTYPE html>
<html>
<body>
<p>Click the button to simulate die roll.</p>
<button id="b_rd">Roll Die</button>
<button id="b_aNL">Br</button>
<button id="b_res">Reset</button>
<p>
Length: <label id="p_len"></label><br>
Modulo result: <label id="p_modres"></label>
<p id="demo"></p>
<script>
function myFunction() {
var d = new Date();
var n = 1 + d.getMilliseconds() % 6;
document.getElementById("demo").innerHTML += n;
if ((document.getElementById("demo").innerText.length + 1) % 6 == 0)
{
document.getElementById("demo").innerHTML += '<br>';
}
document.getElementById("p_len").innerHTML = document.getElementById("demo").innerText.length;
document.getElementById("p_modres").innerHTML = document.getElementById("demo").innerText.length % 6;
}
var b_rd = document.getElementById("b_rd");
b_rd.addEventListener('click', myFunction);
function addNewLine() {
document.getElementById("demo").innerHTML += '<br>';
}
var b_aNL = document.getElementById("b_aNL");
b_aNL.addEventListener('click', addNewLine);
function resetDemo() {
document.getElementById("demo").innerHTML = '';
}
var b_res = document.getElementById("b_res");
b_res.addEventListener('click', resetDemo);
</script>
</body>
</html>
