functions + if/else + requestanimationframe

bases-js/script.js

@@ -91,6 +91,10 @@ balle.classList.add('balle');
 body.prepend(balle);
 
 
+// index=index+1
+// index+=1
+// index++
+
 //  Les boucles
 let boules = [];
 for (let index = 0; index < 100; index=index+1) {
@@ -117,5 +121,58 @@ for (let index = 0; index < 100; index=index+1) {
 }
 console.log('boules', boules);
 
+// une fonction
+// function unefunctiontest(){
+
+// } 
+
+// c'est pareille que :
+// let unefunctiontest = function() {
+
+// }
+
+// la version moderne
+let unefunctiontest = (test, unautre) => {
+  // entre les deux accolades : le block de code executer a chaque fois que la function est appelée
+  console.log('test: ',test);
+  console.log('unautre: ',unautre);
+  
+};
+
+// on appele la function avec des arguments
+unefunctiontest(45, 'babar');
 
 
+
+
+// let fonctionpourchaqueboule = (boule) => {
+    
+// }
+// boules.forEach(fonctionpourchaqueboule);
+
+let monanime = () => {
+  // console.log('frame');
+  let i = 0;
+  boules.forEach((boule) => {
+    // console.log('boule',boule);
+    let impair = i%2;
+
+    let vitesse_x;
+    let vitesse_y;
+    if (impair) {
+      vitesse_x = vitesse_y = 1;
+    } else {
+      vitesse_x = vitesse_y = -1;
+    }
+
+    boule.style.left = (boule.offsetLeft+vitesse_x)+"px";  
+    boule.style.top = (boule.offsetTop+vitesse_y)+"px";  
+
+    i++;
+  });
+  
+  window.requestAnimationFrame(monanime);
+}
+console.log('boules[0]', boules[0]);
+ 
+window.requestAnimationFrame(monanime);