JSFiddle - React, Tailwind, and code Playground
HTML
<ul class="imgHolder">
<li>
<img width="270" src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/97/The_Earth_seen_from_Apollo_17.jpg/270px-The_Earth_seen_from_Apollo_17.jpg" />
</li>
<li>
<img width="270" src="http://www.mallorcaweb.net/masm/Planetas/Jupiter.jpg" />
</li>
<li>
<img width="270" src="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e1/FullMoon2010.jpg/280px-FullMoon2010.jpg" />
</li>
<li>
<img width="270" src="http://static.ddmcdn.com/gif/sun-update-1.jpg" />
</li>
<li>
<img width="270" src="http://upload.wikimedia.org/wikipedia/commons/thumb/0/06/Neptune.jpg/240px-Neptune.jpg" />
</li>
</ul>
CSS
body { background-color:#000; position:relative; }
JavaScript
$(document).ready(function() {
$('img').click(function() {
var target = $(this).attr('src');
if( target === 'http://www.mallorcaweb.net/masm/Planetas/Jupiter.jpg' ) {
alert('you have found it!');
}else{
alert('wrong one..');
}
});
});