diff --git a/TP3.html b/TP3.html index 0298724..d37a84a 100644 --- a/TP3.html +++ b/TP3.html @@ -1,67 +1,79 @@ - - - - - - - -
-
- Home Page - Projets - A propos de moi - Surprise :) - Blog Perso -
- -
+ + + TP3 + + + + + + +
+
+ Home Page + Projets + A propos de moi + Surprise :) + Blog Perso +
+ +
-
-
- - +
+
+ + +
+ +
- - -
- - - - + + + diff --git a/TP4.html b/TP4.html index 5cd8abe..7438df4 100644 --- a/TP4.html +++ b/TP4.html @@ -1,41 +1,46 @@ - - - - - - - -
-
- Home Page - Projets - A propos de moi - Surprise :) - Blog Perso -
- -
- -
-
- -

-

- -
-
+ - - - +
+
+ +

+

+ +
+
+ + + + diff --git a/TP5.html b/TP5.html index 778cd23..8be6f80 100644 --- a/TP5.html +++ b/TP5.html @@ -1,62 +1,67 @@ - - - - - - - - -
-
- Home Page - Projets - A propos de moi - Surprise :) - Blog Perso -
- -
- -

Grocery list

- -
- - + + TP5 + + + + + - - - -
+ + +
+
+ Home Page + Projets + A propos de moi + Surprise :) + Blog Perso +
+ +
-
+

Grocery list

- - - +
+ + + + + +
+ +
+ + + + diff --git a/TP6.html b/TP6.html index 1962cfe..8416d73 100644 --- a/TP6.html +++ b/TP6.html @@ -1,49 +1,57 @@ - - - - - - - - -
-
- Home Page - Projets - A propos de moi - Surprise :) - Blog Perso -
- -
-
-

how many spins do you want to simulate

- + + TP6 + + + + - -
-
-

Current Spin

-

-
-
- - - + + +
+
+ Home Page + Projets + A propos de moi + Surprise :) + Blog Perso +
+ +
+
+
+

how many spins do you want to simulate

+ + +
+
+

Current Spin

+

+
+
+

+
+ + + + diff --git a/index.html b/index.html index 07423f7..1006175 100644 --- a/index.html +++ b/index.html @@ -1,75 +1,82 @@ - - - - - - - -
-
- Home Page - Projets - A propos de moi - Surprise :) - Blog Perso + + + Homepage + + + - - -
-
- Home Page - Projets - A propos de moi - Surprise :) - Blog Perso + + + Projects + + + + + +
+
+ Home Page + Projets + A propos de moi + Surprise :) + Blog Perso +
+ +
+ +
+

Mes projets

- -
-
-

Mes projets

-
+
+
+ placeholder +

+ Le Lorem Ipsum est simplement du faux texte employé dans la + composition et la mise en page avant impression. Le Lorem + Ipsum est le faux texte standard de l'imprimerie depuis les + années 1500, quand un imprimeur anonyme assembla ensemble + des morceaux de texte pour réaliser un livre spécimen de + polices de texte. Il n'a pas fait que survivre cinq siècles, + mais s'est aussi adapté à la bureautique informatique, sans + que son contenu n'en soit modifié. Il a été popularisé dans + les années 1960 grâce à la vente de feuilles Letraset + contenant des passages du Lorem Ipsum, et, plus récemment, + par son inclusion dans des applications de mise en page de + texte, comme Aldus PageMaker +

+
+
-
-
- placeholder -

- Le Lorem Ipsum est simplement du faux texte employé dans la - composition et la mise en page avant impression. Le Lorem Ipsum - est le faux texte standard de l'imprimerie depuis les années - 1500, quand un imprimeur anonyme assembla ensemble des morceaux - de texte pour réaliser un livre spécimen de polices de texte. Il - n'a pas fait que survivre cinq siècles, mais s'est aussi adapté - à la bureautique informatique, sans que son contenu n'en soit - modifié. Il a été popularisé dans les années 1960 grâce à la - vente de feuilles Letraset contenant des passages du Lorem - Ipsum, et, plus récemment, par son inclusion dans des - applications de mise en page de texte, comme Aldus PageMaker +

+

+ Fait par Djalim Simaila et sa haine de l'HTML, CSS, mais pas du + JavaScript ♥️

-
-
- -
-

- Fait par Djalim Simaila et sa haine de l'HTML, CSS, mais pas du - JavaScript ♥️ -

-

©2025

-
- +

©2025

+ + + diff --git a/static/js/TP6.js b/static/js/TP6.js index 6b4b604..3a59459 100644 --- a/static/js/TP6.js +++ b/static/js/TP6.js @@ -123,10 +123,11 @@ function setupGame() { document.getElementById("maxSpinInput").value, ); document.getElementById("setupGame").classList.add("hidden"); - spinInterval = setInterval(() => processSpin(), 100); + spinInterval = setInterval(() => processSpin(), 500); } function processSpin() { + showCurrentSpin(); // Check if the number is qualifying qualifyingPreprocess(); @@ -150,10 +151,13 @@ function processSpin() { console.log(winingNumbers); console.log(losingNumbers); currentSpin += 1; - showLastSpins(); + if (currentSpin == spinArray.length) { + clearInterval(spinInterval); + } } -function showLastSpins() { +function showCurrentSpin() { + document.getElementById("currentSpin").textContent = spinArray[currentSpin]; document.getElementById("lastSpins").replaceChildren(); spinArray.slice(lowerBound(), currentSpin).forEach((number) => { let numberDiv = document.createElement("div"); @@ -161,4 +165,6 @@ function showLastSpins() { numberDiv.textContent = number; document.getElementById("lastSpins").appendChild(numberDiv); }); + document.getElementById("spinCounter").textContent = + "" + currentSpin + "/" + spinArray.length; } diff --git a/static/style.css b/static/style.css index c26bdb4..372f37a 100644 --- a/static/style.css +++ b/static/style.css @@ -180,3 +180,16 @@ select { border-radius: 10px; margin: 10px; } + +.spinNumber { + margin: 2px; + padding: 2px; + background-color: var(--color-purple); + border-radius: 5px; +} + +#lastSpins { + display: flex; + flex-direction: row; + gap: 4px; +}