passwords:
<form> <label for="pswd">Enter your password: </label> <input type="password" id="pswd"> <input type="button" value="Submit" onclick="checkPswd();" /> </form> <script type="text/javascript"> function checkPswd() { var confirmPassword = "admin"; var password = document.getElementById("pswd").value; if (password == confirmPassword) { window.location="rants.html"; } else{ alert("Passwords do not match."); } } </script>

test: (password is deeznuts)

Enter your password:

disappearing boxes:
<!-- css --> <style> .sidebox { width: 500px; border: 1px solid white; padding: 5px; margin-left: 500px; } </style> <!-- js --> <script> function openLink(linkName) { var i; var x = document.getElementsByClassName("sidebox"); for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } document.getElementById(linkName).style.display = "block"; } </script> <!-- html --> <a onclick="openLink('test')">test</a><br> <div class=sidebox id="t1" style="display:none"> this is a box </div>

example: the navs on the side of this page and the content you've been clicking through are all controlled using this sidebox thingy !!


1) why call it sidebox? thats just what i chose to label it, you can call it whatever you want to
2) the style="display:none" hides the boxes when the page is initially loaded and the js gets rid of previous boxes that were opened

random images:
<!-- if u can't already tell i just c+p my code from my main page lmao. just change it with your own things--> <img id="randomImage" width="200px"><br> <a href="help.html" target="_blank">Why am I seeing this ad?</a> <img src="https://cdn.onlinewebfonts.com/svg/img_146170.png" width="10px"><br><br> <script> function getRandomImage() { var images = ['cyberspacegf/ads/poke.gif', 'cyberspacegf/ads/san.gif', 'cyberspacegf/ads/yes.jpeg', 'cyberspacegf/ads/lol.jpg', 'cyberspacegf/ads/amazon.gif', 'cyberspacegf/ads/sega.gif', 'cyberspacegf/ads/diva.jpg', 'cyberspacegf/ads/dolphins.gif', 'cyberspacegf/ads/ac.gif', 'cyberspacegf/ads/ff.png', 'cyberspacegf/ads/star.jpg' ]; var image = images[Math.floor(Math.random()*images.length)]; return image; } function displayRandomImage() { var htmlImage = document.getElementById("randomImage"); htmlImage.src = getRandomImage(); } displayRandomImage(); </script>

click here 4 funny random meme generator hehehehe