win gif cmmt

mr-hrr-harry · Mar 29, 2023 · 768b5a6 · 768b5a6
1 parent 26376ae
commit 768b5a6
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 3 deletions.
diff --git a/script.js b/script.js
@@ -117,6 +117,15 @@ function xORo(event){
 }
 
 function setFinalRes(){
+
+    const winGif = document.createElement("IMG");
+    winGif.id ="gifImg";
+    winGif.setAttribute("src","winner_popper.gif");
+    document.getElementById("main").prepend(winGif);
+
+    new Audio("winning_trumpets.mpeg").play();
+    new Audio("winning_applasue.mpeg").play();
+
     notor.onclick = reload;
     notor.setAttribute("style",
         "font: 800;"+
@@ -127,9 +136,7 @@ function setFinalRes(){
         "animation-name: zoomIn"+
         "animation-duration: 10s"+
         "animation-iteration-count: infinite");
-
-    new Audio("winning_trumpets.mpeg").play();
-    new Audio("winning_applasue.mpeg").play();
+
     win=1;
     return;
 }

diff --git a/styles.css b/styles.css
@@ -146,6 +146,15 @@ body > *{
     rotate: 90deg;
 }
 
+#gifImg{
+    height: 500px;
+    width: auto;
+    position: absolute;
+    top: 0;
+    left: 30%;
+    z-index: 1000;
+    display: inline-block;
+}
 
 /* Footer */
 #ftr{

diff --git a/winner_popper.gif b/winner_popper.gif