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> Quote Link to comment 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; } Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.