Archiv-Modus von Basti1012 Lösungspage

Hey ich habe gerade ein neues Projekt wo ich einen Counter erstellen möchte der automatisch und zufällig zwischen den Zahlen 15- 30 wechselt in einem Abstand von 2 Sekunden. Könnest du mir zeigen wie so ein Html Code aussehen würde ? Ich bin für Deine Hilfe dankbar ! Die besten Grüße !

Code

                                    
                                <!doctype html>
<html lang="de">
<head>
  <title>Lernstunde</title>
  <style>
     *{
    margin:0;
   padding:0;
  }
  nav  ul{
    display:flex;
  }
  nav ul li{
    flex:1;
    list-style:none;
    font-size:20px;
    height:25px;
    text-align:center;
    background:rgba(233,233,33,0.7);
  }
  
  #wrapper{
    display:flex;
        height:calc(100vh - 75px);
  }
  aside{
    flex:1;
    display:flex;
    flex-direction:column;
    text-align:center;
    height:100%;
    background:rgba(222,0,20,0.6);
  }
  aside p{
    font-size:80px;
  }
  main{
    background:rgba(0,0,222,0.6);
    display:flex;
    flex:6;
    flex-direction:column;

  }
  main > .box{
   text-align:center;
  }
  footer{
   position:absolute;
    height:50px;
    bottom:0;
    width:100%;
    background:rgba(0,222,0,0.5);
  }
  hr{
   border:2px solid black;
  }
  .wasistlos{
  font-size:22px;
  text-decoration:underline;
  display:block;
  font-weight:900;
  text-align:center;
}
  </style>
</head>
<body>
    <nav>
        <ul>
            <li><a href="?link=link1">link1</a></li>
            <li><a href="?link=link2">link2</a></li>
            <li><a href="?link=link3">link3</a></li>
            <li><a href="?link=link4">link4</a></li>
        </ul>
    </nav>
    <div id="wrapper">
        <aside>
            <p>a</p>
            <p>s</p>
            <p>i</p>
            <p>d</p>
            <p>e</p>
        </aside>
        <main>
             <div class="box" id="bereich1">
                    Das ist der Bereich 1
             </div>
             <hr>
             <div class="box" id="bereich2">
                    Das ist der Bereich 2
             </div>
        </main>
        <aside>
             <p>a</p>
             <p>s</p>
             <p>i</p>
             <p>d</p>
             <p>e</p>
        </aside>
    </div>
    <footer>
         FOTTER
         <div id="counter">
             <span class="wasistlos">Aktuell Online  = 
                  <span id="jetzt"></span> 
             </span>
         </div>
    </footer>
  <script>
     var min = 15;// altuell zufall  minimum
var max = 30;// altuell zufall  maximum
var reloadtime=2000;// Sekunden * 1000 reloadzeit counter
setInterval(zufall, reloadtime);
function zufall(){
   var besucherjetzt = Math.round(Math.random() * (max - min)) + min;
   document.getElementById('jetzt').innerHTML=besucherjetzt;
}
zufall();
    
  </script>
 </body>
</html>

basti1012.bplaced.net

Wie macht man einen Counter der automatisch zwischen den Zahlen 15-30 wechselt ?

Code