JUnkkkkkkkk

by nukeboy212

HTML

<h1 id = "1">
Hi, if this was a test, you would freak out, but luckily, this isn't a test
</h1>

<h2 id = "9">
Wow such hi, hi lol hi, hi wow hi
</h2>

<select id = "3">
  <option value="">Jan</option>
  <option value="">Feb</option>
  <option value="">March</option>
  <option value="">Ape</option>
  <option value="">May</option>
  <option value="">Judy</option>
  <option value="">Julian</option>
  <option value="">Aug</option>
  <option value="">septiceye</option>
  <option value="">octopus</option>
  <option value="">Nova</option>
  <option value="">Decemy</option>
</select>
<button id="d">
  Destruction
</button>
<button id="virus">
  Free money
</button>

<img src="http://www.howtoinvesthq.com/wp-content/uploads/2014/01/invest-100-dollars.jpg" id = 10>
<button id= "2" >
  Recreation
</button>

<h3 id = "7">
this is a test... ._.
</h3>

<h4 id = "8">
.__________.
</h4>

CSS

h1 {
  color: red;
  font-size: 50px;
  text-shadow: 4px 6px 8px grey;
}

h2 {
  color: blue;
  font-size: 30px;
}

body {
  background-color: yellow;
}

h3 {
  font-size: 5px;
}

h4 {
  font-size: 150px;
}

img {
  display: block;
  //margin: auto;
  height: 150px;
  width: 500px;
}

JavaScript

$("#2").hide();

$(document).ready(function() {
  
  $("#d").click(function() {
    $("#1").hide();
    $("#9").hide();
    $("#3").hide();
    $("#d").hide();
    $("#virus").hide();
    $("#10").hide();
    $("#7").hide();
    $("#8").hide();
    $("#2").show();
  });

  $("#virus").click(function() {
    confirm("Chrome has just scanned a virus on your computer. Try restarting your account")
  });
  
    $("#2").click(function() {
    $("*").show();
    $("#2").hide();
    confirm("You have just recreated the world with magic, enjoy")
  });
});