hola muchachos, estoy intentado hacer un programa que genere codigos alfanumericos aleatorios de 11 digitos, para que esto sea posible he pensado usar un codigo modelo y modificarlo, generando multiples combinanciones, el resultado es un link a un video de youtube
<!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>
cada vez que presiono mi boton se genera el codigo al lado del otro, lo que quiero es que se imprima uno debajo de otro