ImageMap and Area

HTML

<img src="http://79.170.44.80/sicuandomain.com/img/Capture.JPG" alt="" usemap="#Map" />
<map name="Map" id="Map">
    <area class="red" alt="" title="Right Hand" href="#" shape="poly" coords="19,317,45,317,50,334,58,365,55,367,46,367,44,379,35,385,22,378,17,345,4,353,3,341" />
    <area class="red" alt="" title="Right Forearm" href="#" shape="poly" coords="32,224,18,316,47,317,68,224" />
    <area class="red" alt="" title="Right Bicep" href="#" shape="poly" coords="45,119,37,137,35,223,67,228,61,159,45,119" />
    <area class="red" alt="" title="Pelvis" href="#" shape="poly" coords="96,297,136,297,128,318,111,320" />
    <area class="red" alt="" title="Left Forearm" href="#" shape="poly" coords="167,216,198,216,212,314,187,315,177,273,169,250" />
    <area class="red" alt="" title="Left Bicep" href="#" shape="poly" coords="178,109,164,159,168,213,195,213,197,176,191,124,189,115" />
    <area id="red" alt="" title="Right Foot" href="#" shape="poly" coords="86,557,110,559,112,622,96,632,75,627" />
    <area class="red" alt="" title="Left Foot" href="#" shape="poly" coords="144,557,145,591,153,619,129,634,114,623,120,557" />
    <area class="red" alt="" title="Left Leg" href="#" shape="poly" coords="155,453,157,495,145,558,119,558,118,453" />
    <area class="red" alt="" title="Neck" href="#" shape="poly" coords="92,72,107,88,124,88,137,72,137,90,143,95,119,107,90,95,96,88," />
    <area class="red" alt="" title="Face" href="#" shape="poly" coords="90,16,114,5,136,16,145,58,135,74,115,87,96,72,84,60" />
    <area class="red" alt="" title="Chest" href="#" shape="poly" coords="45,119,90,97,118,111,145,97,175,110,165,175,62,175" />
    <area class="red" alt="" title="Stomach" href="#" shape="poly" coords="62,180,170,173,165,218,162,243,165,265,142,293,95,294,65, 270,70,245,64,219" />
    <area class="red" alt="" title="Left Hand" href="#" shape="poly" coords="188,318,208,316,217,324,230,347,222,350,212,342,209,376,193, 380,183,375,183,355,174,364,180,338,184,318" />
  ...

JavaScript

var map = document.getElementById("Map");
map.addEventListener("click", function (e) {
    callAction(e.target);
});

var body = [];
document.getElementById("body").innerHTML = body;

function callAction(area) {
    body.push(area.title);
    document.getElementById("body").value = body;
}

document.getElementById("Clear").addEventListener('click', function () {
    body.length = 0;
    document.getElementById("body").value = '';
});