Skip to content

Instantly share code, notes, and snippets.

@avifoxi
Created November 14, 2014 02:13
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save avifoxi/cf648b0e119738baa6a0 to your computer and use it in GitHub Desktop.
A Pen by Avi Fox-Rosen.
<h1 id="message">Which Kittie Am I ?</h1>
<h2 id='name'></h2>
<img src="" alt="" />
function Kitten(name, url) {
this.name = name;
this.url = url;
}
var k1 = new Kitten('snuggles', 'http://placekitten.com/200/300')
var k2 = new Kitten('muggles', 'http://placekitten.com/400/200')
var k3 = new Kitten('snarly', 'http://placekitten.com/100/300')
var k4 = new Kitten('gnarly', 'http://placekitten.com/50/300')
var kittens = [k1,k2,k3,k4]
/*/*var iterator = kittens[Symbol.iterator]();
*////*iterator + "";*/
kittens[Symbol.iterator] = function() {
var iterable = this;
var index = 0;
return { // this is the iterator object, returning a single element, the string "bye"
next: function() {
index ++;
console.log(iterable);
return { value: iterable[index].name, done: false };
}
};
};
var iterator = kittens[Symbol.iterator]();
var h1 = document.querySelector('#message');
h1.addEventListener('click', function(){
/* var img = document.createElement('li');
*/
var kitty = iterator.next();
document.querySelector('#name').innerText = kitty.value;
}, false);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment