moble state ok

JeremiahID · Feb 25, 2024 · 7036f1c · 7036f1c
1 parent 37f5466
commit 7036f1c
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 2 deletions.
diff --git a/dicee.html b/dicee.html
@@ -24,6 +24,8 @@ <h1>Refresh Me</h1>
 
     </div>
 
+    <button id="Refresh">Refresh</button>
+
     <script src = "index.js"> </script>
   </body>
 

diff --git a/index.js b/index.js
@@ -20,4 +20,11 @@ else if (randomNumberTwo > randomNumberOne){
     document.querySelector('h1').innerHTML = "PLAYER TWO WINS"
 } else {
     document.querySelector('h1').innerHTML = "DRAW..!"
-}
+}
+
+
+const reload = document.querySelector('#Refresh');
+
+reload.addEventListener('click', ()=>{
+        location.reload();
+})
diff --git a/styles.css b/styles.css
@@ -24,7 +24,7 @@ h1 {
 
 p {
   font-size: 2rem;
-  color: #fafafa;
+  color: rgba(218, 165, 32, 0.678);
   font-family: 'Indie Flower', cursive;
 }
 
@@ -33,10 +33,40 @@ img {
   width: 80%;
 }
 
+#Refresh{
+  width: 10vw;
+  height: 5vh;
+  background-color: rgb(201, 25, 25);
+  border: 0px;
+  border-radius: 5px;
+  color: white;
+  font-family: Agency FB;
+  font-weight: 900;
+  font-size: 1.4rem;
+  margin-top: 3rem;
+  margin-left: 45vw;
+  cursor: pointer;
+}
+
+#Refresh:hover{
+  transition: all 0.5s ease-in-out 0s;
+  background-color: rgba(255, 0, 0, 0.767);
+
+}
+
 footer {
   margin-top: 5%;
   color: #EEEEEE;
   text-align: center;
   font-family: 'Indie Flower', cursive;
 
 }
+
+
+@media screen and (max-width: 790px) {
+  #Refresh{
+    width: 15vw;
+    margin-left: 40vw;
+
+  }
+}