Estoy tratando de hacer un sitio web básico que tenga un cuadro de texto que muestre un contador. El usuario puede hacer clic en un botón para agregar uno al contador y estoy tratando de hacerlo para que el contador pueda conservar su valor en múltiples visitas distintas a los sitios web. Estoy usando cookies para resolver el problema de retención, pero no estoy seguro de que sea la mejor solución. A partir de ahora, el botón del contador no funciona en absoluto. Soy muy nuevo en HTML y Java. Gracias de antemano. A continuación se muestra mi código.
<html> <head><meta charset="utf-8"> <title></title> </head> <body> <form id="form1" method="post" name="form1"> <p> <input id="set_Value" name="set_Value" onclick="setValue()" type="button" value="Add 1" /> </p> <p> Counter:<label><input id="bbb" name="bbb" type="text" /> </label> </p> </form> <script type="text/javascript"> function getCookie(cname) { var name = cname + '='; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for(var i = 0; i <ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ''; } function setCookie(cname, value) { if(document.cookie(cname) == null) { document.cookie = cname; } document.cookie = cname + '=' + value + ';' + ';path=/'; } function setValue() { setCookie(Counter, getValue(Counter)+1); document.getElementById('bbb').value = getValue(Counter); } </script> </body> </html>