diff --git a/secret/images/minesweeper.png b/secret/images/minesweeper.png index e0cbdeb..e7d7376 100644 Binary files a/secret/images/minesweeper.png and b/secret/images/minesweeper.png differ diff --git a/secret/index.html b/secret/index.html index 7dcefb0..bbfd0d7 100644 --- a/secret/index.html +++ b/secret/index.html @@ -1,73 +1,100 @@ - - - + + + Secret Game Collection - - - + + +
-

Secret Game Collection

+

Secret Game Collection

-
- - Image can't be displayed -

Secret Asteroid Shooter

-
-

In this game, you control a spaceship that shoots at asteroids to avoid destruction and collect items for power-ups.

-

Your goal is to survive as long as possible while scoring points!

-
- - - Image can't be displayed -

Secret Blackjack

-
-

Try to beat the dealer by getting a hand value as close to 21 as possible without going over.

-
- - - Image can't be displayed -

Snake

-
-

Guide the snake to eat food and grow longer while avoiding collisions with the walls and itself.

-
- - - Image can't be displayed -

Solitaire

-
-

A classic card game where the objective is to move all cards to foundation piles in ascending order.

-
- - - Image can't be displayed -

Minesweeper

-
-

Uncover squares on a grid while avoiding hidden mines, using numbers to deduce safe spots.

-
- - - Image can't be displayed -

Guess My Number

-
-

A simple game where you try to guess a randomly chosen number within a certain range.

-
- - - Image can't be displayed -

Endless Runner

-
-

Run through an endless landscape, avoiding obstacles and collecting items to score points.

-
- -
+
+ + Image can't be displayed +

Secret Asteroid Shooter

+
+

+ In this game, you control a spaceship that shoots at asteroids to + avoid destruction and collect items for power-ups. +

+

+ Your goal is to survive as long as possible while scoring points! +

+
+ + + Image can't be displayed +

Secret Blackjack

+
+

+ Try to beat the dealer by getting a hand value as close to 21 as + possible without going over. +

+
+ + + Image can't be displayed +

Snake

+
+

+ Guide the snake to eat food and grow longer while avoiding + collisions with the walls and itself. +

+
+ + + Image can't be displayed +

Solitaire

+
+

+ A classic card game where the objective is to move all cards to + foundation piles in ascending order. +

+
+ + + Image can't be displayed +

Minesweeper

+
+

+ Uncover squares on a grid while avoiding hidden mines, using + numbers to deduce safe spots. +

+
+ + + Image can't be displayed +

Guess My Number

+
+

+ A simple game where you try to guess a randomly chosen number + within a certain range. +

+
+ + + Image can't be displayed +

Endless Runner

+
+

+ Run through an endless landscape, avoiding obstacles and + collecting items to score points. +

+
+ +
- + diff --git a/secret/mineSweeper/counter.js b/secret/mineSweeper/counter.js new file mode 100644 index 0000000..8e9f78a --- /dev/null +++ b/secret/mineSweeper/counter.js @@ -0,0 +1,14 @@ +'use strict' + +document.addEventListener('DOMContentLoaded', () => { + const bombsSlider = document.getElementById('bombs'); + const bombsValue = document.getElementById('bombsValue'); + + // Update the displayed number of bombs when the slider value changes + bombsSlider.addEventListener('input', () => { + bombsValue.textContent = bombsSlider.value; + }); + + // Initialize the displayed value on page load + bombsValue.textContent = bombsSlider.value; +}); diff --git a/secret/mineSweeper/index.html b/secret/mineSweeper/index.html index 50a9346..22c9313 100644 --- a/secret/mineSweeper/index.html +++ b/secret/mineSweeper/index.html @@ -29,6 +29,7 @@ value="20" aria-label="Number of Bombs" /> + 20 @@ -38,5 +39,6 @@ + diff --git a/secret/mineSweeper/styles.css b/secret/mineSweeper/styles.css index e9155df..6eb681f 100644 --- a/secret/mineSweeper/styles.css +++ b/secret/mineSweeper/styles.css @@ -45,7 +45,8 @@ label { } input[type="number"], -input[type="range"] { +input[type="range"], +span { padding: 12px; margin-bottom: 20px; width: 100%; diff --git a/webGames/index.html b/webGames/index.html index 267e198..fe1628d 100644 --- a/webGames/index.html +++ b/webGames/index.html @@ -1,58 +1,92 @@ - - - + + + Game Collection - - - + + +
-

Game Collection

+

Game Collection

-
- - Image can't be displayed -

Snake

-
-

Guide the snake to eat food and grow longer while avoiding collisions with the walls and itself.

-
- - - Image can't be displayed -

Solitaire

-
-

A classic card game where the objective is to move all cards to foundation piles in ascending order.

-
- - - Image can't be displayed -

Minesweeper

-
-

Uncover squares on a grid while avoiding hidden mines, using numbers to deduce safe spots.

-
- - - Image can't be displayed -

Guess My Number

-
-

A simple game where you try to guess a randomly chosen number within a certain range.

-
- - - Image can't be displayed -

Endless Runner

-
-

Run through an endless landscape, avoiding obstacles and collecting items to score points.

-
- -
+
+ + Image can't be displayed +

Snake

+
+

+ Guide the snake to eat food and grow longer while avoiding + collisions with the walls and itself. +

+
+ + + Image can't be displayed +

Solitaire

+
+

+ A classic card game where the objective is to move all cards to + foundation piles in ascending order. +

+
+ + + Image can't be displayed +

Minesweeper

+
+

+ Uncover squares on a grid while avoiding hidden mines, using + numbers to deduce safe spots. +

+
+ + + Image can't be displayed +

Guess My Number

+
+

+ A simple game where you try to guess a randomly chosen number + within a certain range. +

+
+ + + Image can't be displayed +

Endless Runner

+
+

+ Run through an endless landscape, avoiding obstacles and + collecting items to score points. +

+
+ +
- +