domXyg

domXyg.markdown

domXyg

A Pen by Adam Bray on CodePen.

License.

index.html

<h1>Click the red dot for a surprise!</h1>
<img src="http://media.giphy.com/media/seXDJPWScjklO/giphy.gif" id="laser_cat" />

script.js

var cat = {
  name: "Frisky 'Cornelius' McWhiskertons",
  pastimes: "chasing red dots, juding silly humans, and sitting on keyboards",
  start: function() {
    document.getElementById("laser_cat").addEventListener("click", function() {
      alert("My name is " + this.name + " and I like " + this.pastimes);
    });
  }
}

cat.start();

style.css

@import url(http://fonts.googleapis.com/css?family=Poiret+One);

body {
  font-family: 'Poiret One', cursive;
}

img {
  width: 300px;
}