undefined variable error in jquery

Question

I have this code and I want to show il in the elements which will be created by jquery , but il is undefined : this is code :

<script>
$(document).ready(function(){
    var il = 1 ;
    $("#btn1").click(function(){
        $("p").append(" <b>Appended text</b>.");
    });
    $("#btn2").click(function(){
        $("ol").append("<li>Appended item " + il + " </li>");
var il = il + 1;
    });
});
</script>


<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<ol>
  <li>List item 1</li>
  <li>List item 2</li>
  <li>List item 3</li>
</ol>
<button id="btn1">Append text</button>
<button id="btn2">Append list items</button>

this is output :

List item 1
List item 2
List item 3
Appended item undefined
Appended item undefined

Live: jsfiddle.net/pf0y6z4q

user4227915
– user4227915

2015-03-02 19:33:59 +00:00
Commented Mar 2, 2015 at 19:33 — user4227915
– user4227915, Commented Mar 2, 2015 at 19:33

roshan · Accepted Answer · 2015-03-02 19:34:36Z

1

Simply use il++.

 $(document).ready(function(){
    var il = 1 ;
    $("#btn1").click(function(){
        $("p").append(" <b>Appended text</b>.");
    });
    $("#btn2").click(function(){
        $("ol").append("<li>Appended item " + il + " </li>");
        il++;
    });
});

answered Mar 2, 2015 at 19:34

roshan

2,5502 gold badges28 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mateusz Mania · Accepted Answer · 2015-03-02 19:39:39Z

1

Just remove var from var il = il + 1;.

Use var only for new variable declaration.

$(document).ready(function(){
    var il = 1 ;
    $("#btn1").click(function(){
        $("p").append(" <b>Appended text</b>.");
    });
    $("#btn2").click(function(){
        $("ol").append("<li>Appended item " + il + " </li>");
        il = il + 1;
    });
});

JSFiddle

edited Mar 2, 2015 at 19:39

answered Mar 2, 2015 at 19:33

Mateusz Mania

8494 silver badges15 bronze badges

Collectives™ on Stack Overflow

undefined variable error in jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related