first commit :D

2025-11-14 17:35:38 +01:00
commit 13e6f240a3
6 changed files with 294 additions and 0 deletions
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="styles.css"
+</head>
+<body id="body">
+    
+<script src="script.js"></script>         
+</body>
+</html>
@@ -0,0 +1,78 @@
+console.log('hello');
+
+let x = 5
+let a = 10
+let b = 2
+let y;
+
+y = a*x + b;
+console.log(y);
+
+console.log(outerHeight);
+
+let leprenomdelours = 'hubert';
+console.log(leprenomdelours);
+let leprenomduloup = 'maurice';
+console.log (leprenomduloup);
+
+let letitredemacomptine = leprenomdelours + "&" + leprenomduloup;
+console.log(letitredemacomptine);
+
+
+console.log('document',document);
+
+let balle = document.createElement('div');
+balle.classList.add('balle');
+body.prepend(balle);
+
+let boules = [];
+for (let index = 0; index < 200; index=index+1) {
+    boules[index] = document.createElement('div');
+    boules[index].classList.add('boule');
+
+    boules[index].style.backgroundColor = 'hsl(150 30 60)';
+    boules[index].style.backgroundColor = 'hsl(180 50 '+index+')';
+    boules[index].style.backgroundColor = 'hsl(180 50 ${index})';
+    boules[index].style.backgroundColor = 'hsl(180 ${index} 50)';
+    //boules[index].style.backgroundColor = 'hsl(${index*"3.6"} 80 80)';
+
+
+boules[index].style.top = Math.random()*850+"px";
+boules[index].style.left = Math.random()*1650+"px";
+
+let rayon = 40 + Math.random()*60;
+boules[index].style.witdh = rayon+'px';
+boules[index].style.height = rayon+'px';
+boules[index].style.borderRadius = (rayon/12)+'px';
+
+
+body.append(boules[index]);
+}
+console.log('boules', boules);
+
+
+let monanime = () => {
+    let i = 0;
+    boules.forEach((boule) => {
+
+        let impair = i%2;
+        let vitesse_x;
+        let vitesse_y;
+
+        if (impair) {
+            vitesse_x = vitesse_y = 3;
+        } else {
+            vitesse_x = vitesse_y = -3;
+        }
+        
+        boule.style.bottom = (boule.offsetBottom+vitesse_x)+"px";  
+        boule.style.top = (boule.offsetTop+vitesse_y)+"px"; 
+    
+        i++;    
+    });
+    window.requestAnimationFrame(monanime);
+}
+console.log('boules[0]', boules[0]);
+ 
+window.requestAnimationFrame(monanime);
+
@@ -0,0 +1,19 @@
+body {background-color: rebeccapurple
+}
+
+div.balle{
+width: 20px;
+height: 20px;
+border-radius: 70px;
+background-color: rgba(194, 65, 65, 0.863);
+}
+div.boule{
+    position:absolute;
+    width: 70px;
+    height: 500px;
+    border-radius: 10px;
+    background-color: rosybrown;
+    opacity: 0.7;
+    
+  
+}