JSFiddle - React, Tailwind, and code Playground

by rzea

HTML

<span>Click to see how many images are here</span><br>
<img src="http://lorempixel.com/100/100/sports/1/" alt="">
<img src="http://lorempixel.com/100/100/sports/2/" alt="">
<img src="http://lorempixel.com/100/100/sports/3/" alt="">

CSS

span { display:inline-block; padding:5px 8px; margin-bottom:20px; cursor:pointer; font:12px Arial; text-decoration:underline; }
span:hover { background:#999; text-decoration:none; }
span:active { background:#000; color:#fff; }

JavaScript

/*
Example of using the method '.length();'
*/

$('span').click(function() {
    alert($('img').length + ' images!');
});