ciao raga per completare il mio programma ho bisogno di tenere traccia di tutti i links visitati, l'idea che avevo e quella di creare un elemento div e all interno mettere il link generato automaticamente dal mio programma, il punto e che se faccio un ciclo for li sovrascrivo tutti e quindi tutti hanno lo stesso link
recapitolando ogni div che viene creato dalla mia funzione deve avere all interno un link diverso generato dalla stessa funzione.


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

<body>
  <button onclick="GeneraCodici()">genera</button>
<div><a href="" id="vincolo"></a></div>
  
      <div>
          <iframe id="frame" src="https://www.youtube.com/embed/xaRqS8orHp0?ecver=2"></iframe>
      </div>

    <script type="text/javascript">
        const link = "https://www.youtube.com/watch?v="
        const embedLink = "https://www.youtube.com/embed/"

        const codiceAlfa = "HAvc13nmsdw"
        caratteri = codiceAlfa.split("")
          videoFrame = document.getElementById('frame')


        function GeneraCodici(){
            var codiciTemporali = []
              for(i=0; i<caratteri.length; i++){
            codiciTemporali.push(caratteri[math.randomInt(11)])



              }
              codiciVideo = codiciTemporali.join("")

              vincolo = document.getElementById("vincolo")

              vincolo.innerText = link+codiciVideo



              vincolo.setAttribute("href", link+codiciVideo)

              videoFrame.setAttribute("src", embedLink+codiciVideo+"?ecver=2")

              nuovoDiv = document.createElement("div");

              divs = document.getElementsByTagName("div")

              

              document.body.append(nuovoDiv)



                      


                      

        } 

    </script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjs/3.14.1/math.min.js"></script>
</body>
</html>