Bonjour, Lartak et merci pour ton commentaire,
J'ai effectivement modifié mon document.getElement... en revanche je cherche a faire reboot mon animation et dans ce sens il n'y aurait plus de répétition de div.
mais je sais pas comment faire, a part créer les div directement dans le HTML mais mon but est de les créer via JS pour éviter d'alourdir mon HTML.
Voici ma première version :
HTML :
<body>
<div id="div">
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>
<div id="div5"></div>
<div id="div6"></div>
<div id="div7"></div>
<div id="div8"></div>
<div id="div9"></div>
<div id="div10"></div>
<div id="div11"></div>
<div id="div12"></div>
<div id="div13"></div>
<div id="div14"></div>
<div id="div15"></div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script language="javascript" src="js.js"></script>
</body>
JS :
function generate (){
for(var i = 1; i < 16; i++) {
var elt = document.getElementById("div" + i);
elt.style.width = "50px";
elt.style.height = "50px";
elt.style.borderRadius = "10px";
elt.style.backgroundColor = '#'+Math.random().toString(16).substr(2,6);
elt.style.position = "absolute";
elt.style.top = Math.random()*1000 + "px";
elt.style.left = Math.random()*1000 + "px";
document.getElementById("div" + i).classList.add('animation');
}
}
setInterval(generate, 4000);
Sur ce modèle mon reboot d'animation marche, mais mon HTML est chargé des 16 divs....
Aurais tu une solution pour faire reboot mon animation tout en gardant la création des div via JS et non par HTML ?
Merci