Add files via upload

mimiprosper · Aug 8, 2023 · 630c25f · 630c25f
1 parent 273564c
commit 630c25f
Show file tree

Hide file tree

Showing 4 changed files with 76 additions and 0 deletions.
diff --git a/index.css b/index.css
@@ -0,0 +1,43 @@
+body {
+    background-image: url("web3.jpg");
+    background-size: cover;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    font-weight: bold;
+    text-align: center;
+}
+
+h1 {
+    margin-top: 50px;
+    margin-bottom: 10px;
+}
+
+h2 {
+    font-size: 50px;
+    margin-top: 0;
+    margin-bottom: 20px;
+}
+
+button {
+    border: none;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    color: white;
+    font-weight: bold;
+    width: 200px;
+    margin-bottom: 5px;
+    border-radius: 5px;
+}
+
+#increment-btn {
+    background: darkred;
+}
+
+#save-btn {
+    background: darkgreen;
+    margin-bottom: 50px;
+}
+
+#saved-el{
+    font-size: 40px;
+    margin-top: 100px;
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="index.css" />
+    <title>Document</title>
+  </head>
+  <body>
+    <h1>Web3Bridge Counter:</h1>
+    <h2 id="count">0</h2>
+    <button id="increment-btn" onclick="increment()">INCREMENT</button>
+    <button id="save-btn" onclick="save()">SAVE</button>
+    <p id="saved-el">Previous Entries : </p>
+
+    <script src="index.js"></script>
+  </body>
+</html>
diff --git a/index.js b/index.js
@@ -0,0 +1,15 @@
+let countEL = document.getElementById("count");
+let savedEl = document.getElementById("saved-el");
+let count = 0;
+
+function increment() {
+  count += 1;
+    countEL.innerHTML = count;
+}
+
+function save() {
+  let countStr = count + " - ";
+    savedEl.innerHTML += countStr;
+    countEL.innerHTML = 0;
+    count = 0;
+}
diff --git a/web3.jpg b/web3.jpg