Warmug Posted May 9, 2023 Share Posted May 9, 2023 Just testing the code function <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Secure Message</title> <style> body { background-color: black; color: white; font-family: monospace; font-size: 24px; text-align: center; margin: 0; padding: 0; } .redacted { color: red; background-color: black; cursor: pointer; } .redacted::after { content: '[REDACTED]'; } .redacted.revealed::after { content: '[Alpha-1 PVT]'; color: red; } </style> <script> function revealText() { document.getElementById("secret-message").classList.add("revealed"); } </script> </head> <body> <div id="secret-message" class="redacted" onclick="revealText()"></div> <script> var messageEl = document.getElementById("secret-message"); var processingEl = document.createElement("div"); processingEl.innerText = "Processing secure data..."; messageEl.appendChild(processingEl); setTimeout(function() { var decryptEl = document.createElement("div"); decryptEl.innerText = "Decrypting message..."; messageEl.replaceChild(decryptEl, processingEl); setTimeout(function() { messageEl.classList.remove("redacted"); }, 2000); }, 1000); </script> </body> </html> Retired:[ Delta-5 Colonel] [ D5-SVFTO ] [ Gamma-9 ' Forseti's Banamaðr ' ] [ Director of The IAA ] [Omega-1 Lieutenant] [Alpha-1 SGT] Link to comment Share on other sites More sharing options...
Recommended Posts