The-Young-Programmer
diff --git a/‎Archery Game/README.md
+24 b/‎Archery Game/README.md
+24
diff --git a/‎Archery Game/index.html
+37 b/‎Archery Game/index.html
+37
@@ -0,0 +1,24 @@
+![banner](https://user-images.githubusercontent.com/79866006/149248150-1fa57bec-599e-4a85-9e37-e5e1fe78ccd8.png)
+
+Written by The Young Programmer 💻
+
+# The Game
+
+### Description
+
+Archery is a mini game made with HTML, CSS and JavaScript. In this game, you have to rotate your device in a Landscape mode.
+The bow moves to and fro on the left side of the screen and, on the other side, is a target moving also. The player's goal is to shoot arrows at the target.
+
+### How to play
+
+This game was developped using a web intetface i.e HTML, CSS and JavaScript.
+So this game can only be played on the web, but very soon an App will be cteated for this game, when its fully modified.
+- link to play the game: [click here](https://the-young-programmer.github.io/Archery-Game/)
+
+### Support 
+
+pls support me by :
+- Follow me on github
+- Give me a star
+
+Thanks for your Support...
@@ -0,0 +1,37 @@
+<!-- Created by The Young Programmer🎖-->
+
+<!DOCTYPE html>
+<html>
+    <head>    
+       <title>Archery Game</title>
+           <meta name="viewport" content="width=device-width, initial-scale=1" >
+       <meta charset="utf-8">
+       <link rel="stylesheet" href="style.css">
+<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>
+    
+    </head>
+    <body>
+        <script>        
+        swal.fire({ title: 'Input your name',  input: 'text',  inputValidator: function(value) { return new Promise(function(resolve, reject) { if (value) { resolve(); } else { reject('pls input your name!.'); } }); } }).then(function(result) { swal.fire({ type: 'success', html: 'Welcome:' + result }); })        
+</script>
+        <div id="mainContainer">
+        <canvas id="myCanvas"></canvas>
+        <canvas id="animCanvas"></canvas>
+        <h1 id="score">0</h1>
+        <div id="showPoint">
+            <div id="timerDiv"></div>
+            <p id="arrs">&uarr;</p><span class="u">&uarr; +4</span>
+            
+        </div>
+        <div id="startMenu">
+            <h1 id="title"><span style="font-size:60px">A</span>RCHERY<br><span style="font-size:60px">G</span>AME</h1>
+                <h2>
+            <span style="font-size:14px">The Young Programmer  💻</span></h2><br />
+            <button>TAP TO START</button>
+            <h2><span id="best">0</span><br>Best</h2>
+        </div>
+    </div>
+    </body>
+    <script src="script.js"></script>
+</html>