I am trying to create a button that does what Cookie Clicker does and simple adds to a counter. The button is going to be an image and I have no idea what I am doing with it. I got this much from a youtube video but even this will not add to the counter and I do not know how to connect it to an image map. Thank you.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">#Map {
}
</style></head>
<body>
<p>Your Petals:</p>
<p id="Petals">0</p>
<button onclick="Clicker()">Clicker</button>
<img src="../../../Library/Application Support/Apple/iChat Icons/Flowers/African Daisy.gif" width="117" height="113" usemap="#Map" border="0" />
<map name="Map" id="Map">
<area shape="rect" coords="1,1,116,109" href="#" alt="Clicker" />
</map>
</body>
<script>
function Click()
{
var newValue = parseInt(document.getElementbyId("Petals").innerHTML) + 1;
parseInt(document.getElementbyId("Petals").innerHTML) = "newValue";
}
</script>
</html>