ransomware js added for mission 2

NotYourRootUser · NotYourRootUser · commit 47c0a62f97a4 · 2025-11-10T19:01:50.000+13:00
diff --git a/index.html b/index.html
@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="stylesheet" href="style.css" />
     <title>Error!</title>
+    <script src="script.js" defer></script>
   </head>
   <body>
     <header id="site-header"><h1>Your system has been Encrypted</h1></header>
@@ -79,7 +80,7 @@
         ></textarea
         ><br /><br />
 
-        <button type="submit">Restore Data</button>
+        <button type="submit" id="restoreBtn">Restore Data</button>
       </form>
     </main>
     <footer>
diff --git a/script.js b/script.js
@@ -0,0 +1,31 @@
+// get elements from page
+const restoreBtn = document.getElementById("restoreBtn");
+const authInput = document.getElementById("authcode");
+const keyInput = document.getElementById("name");
+const messageBox = document.createElement("p");
+document.querySelector("main").appendChild(messageBox);
+
+// fake data for testing
+const validKeys = ["alpha123", "bravo456", "charlie789"];
+const expectedAuthCode = "unlock";
+
+// check inputs and show result
+function simulateRestore() {
+  const key = keyInput.value.trim();
+  const auth = authInput.value.trim();
+
+  // compare values
+  if (validKeys.includes(key) && auth === expectedAuthCode) {
+    messageBox.textContent = "✅ data successfully restored";
+    messageBox.style.color = "limegreen";
+  } else {
+    messageBox.textContent = "❌ invalid credentials, try again";
+    messageBox.style.color = "red";
+  }
+}
+
+// run when button clicked
+restoreBtn.addEventListener("click", (event) => {
+  event.preventDefault(); // stop form reload
+  simulateRestore();
+});
diff --git a/style.css b/style.css
@@ -97,3 +97,14 @@ footer {
   font-size: 0.9rem;
   padding: 10px 0;
 }
+
+#restoreBtn:hover {
+  background-color: crimson;
+  color: white;
+  cursor: pointer;
+  transition: 0.3s;
+}
+
+p {
+  font-family: monospace;
+}
