NickBeier Posted June 25, 2015 Share Posted June 25, 2015 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> Link to comment https://forums.phpfreaks.com/topic/297025-counters-and-image-maps/ Share on other sites More sharing options...
Ch0cu3r Posted June 25, 2015 Share Posted June 25, 2015 Add onClick="Click()" to the <area> tag <area shape="rect" coords="1,1,116,109" href="#" alt="Clicker" onclick="Click()" /> The Click() function can be written as function Click() { var petals = document.getElementById("Petals"); petals.innerHTML = parseInt(petals.innerHTML) + 1; } Link to comment https://forums.phpfreaks.com/topic/297025-counters-and-image-maps/#findComment-1514924 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.