Question

I’m new to JS. I have a script which should count clicks and store clicks number value in cookie. The problem is I can’t correctly save and call clicks number(generated by parseInt) value from cookies.

Here is the code http://jsfiddle.net/csTpG/99/ (using jquery.cookie plugin)

$('#counter').click(function() {
  var productID = $(this).attr('name');
  var $this = $(this);
  $.get('/', {
    item_id: productID
  }, function(response) {
    if (response) {
      if (response == 'empty')
        $this.text('Count');
      else
        $this.text('Count (' + parseInt(response) + ')');
      $.cookie('clicked-counter', 'true');
    }
  });
  return false;
});

if ($.cookie('clicked-counter') == 'true') {
  var cookie = $.cookie('clicked-counter');
  $('#counter a').text('Count (' + cookie + ')');
};

#counter{background-color:white}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="counter">Counter</button>

Yup parseInt() shows NaN.

Answer 1

I updated your script to make it work (i included jQuery.cookie plugin for example) , look here http://jsfiddle.net/nicolapeluchetti/csTpG/100/ but there are still some issues. You get NaN when you do a parseInt because you are trying to parse an html page that returns from your ajax call. What are you trying to do?