JSFiddle - React, Tailwind, and code Playground

by Suresh Pattu

HTML

<html><head><body>   <button id="add">add image</button>  <div id="container">  <img src="http://www.rangde.org/newsletter/nov11/images/real_tree.png" width="400" usemap="#treemap" />  </div>  <map name="treemap">  <area shape="circle" coords="345,483,13"  alt="Venus" href="#" />  <area shape="circle" coords="333,361,13" alt="Venus" href="#" />  <area shape="circle" coords="302,284,13" alt="Venus" href="#"/>  <area shape="circle" coords="79,350,13"  alt="Venus" href="#"/>  <area shape="circle" coords="55,489,13"  alt="Venus" href="#"/>  </map>  </body>  </html>

JavaScript

$('document').ready(function(){ 
    $('#add').click(function() {   $('area[alt=Venus]').css('background','#000');  
                                  }); 
});