ciao a tutti, il mio codice non funziona come dovrebbe, in teoria dovrebbe creare un div con all'interno il link, e ogni volta che premo il tasto generare si dovrebbe stampare il link e andare a capo per stampare altri link

codice HTML:
<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>links random</title>
  
  
  
  
  
</head>

<body>
  <button onclick="GeneraCodici()">genera</button>
<div id="codici"></div>
  
    <script type="text/javascript">
        link = "https://www.youtube.com/watch?v="

        codiceAlfa = "HAvc13nmsdw"
        contenitore = document.getElementById('codici')
        caratteri = codiceAlfa.split("")

        function GeneraCodici(){
              for(i=0; i<caratteri.length; i++){
            contenitore.innerHTML = caratteri[i] 

              }
                      codiceNuovo = document.createElement('div').innerText=link+codiceAlfa
                      document.body.append(codiceNuovo)
        } 

    </script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjs/3.14.1/math.min.js"></script>
</body>
</html>
quello che ottengo e invece il link senza l' etichetta div.