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>