Forked from Chris Coyier's Pen Traceur on CodePen.
A Pen by Avi Fox-Rosen on CodePen.
<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); |
Forked from Chris Coyier's Pen Traceur on CodePen.
A Pen by Avi Fox-Rosen on CodePen.