Home/ Questions/Q 9152665
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T12:06:42+00:00

I am trying to learn how to debug jquery. I tried to make a

  • 0

I am trying to learn how to debug jquery. I tried to make a page which will dynamically add input feilds. The data is sent to the jquery. Now for debugging, I tried to console.log the whole array, but I am getting this error in Firefox:

[17:40:27.073] The character encoding of the HTML document was not
declared. The document will render with garbled text in some browser
configurations if the document contains characters from outside the
US-ASCII range. The character encoding of the page must be declared in
the document or in the transfer protocol. @
file:///Users/ateevchopra/Desktop/takemehome%20dynamic/TakeMeHome/index.html

Please explain what this means of if there is some mistake in my code. Heres my code

HTML:

<!doctype html>
<html>

 <head>
    <title>TakeMeHome</title>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.8.1.custom.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type='text/javascript' src='js/app.js'></script>

  </head>

  <body>
    <center><form id="details">
      Your Place:<input id="source" type="text"><br><br>
      Friend1:<input id="friend1" type="text"><br><br>
      <div id="friends"></div>
      <div id="button">Add!</div><br><br>

       <input type="submit" value="go">
    </form>
  </body>

</html>

jQuery:

 var j=2;
var friends = [];


$(document).ready(function(){

    $('#button').click(function(){
      if(j<11){
          $('#friends').append('Friend'+j+':<input type="text" id="friend'+j+'"/><br/><br/>'); 
        j++;
      }
     else
      {
     alert("Limit reached");
   }
    });



});


$("form").submit(function(){

    friends[0] = ('#source').val();
    for(var i=1;i<j;i++)
    {
        friends[i] = ('#friends'+i+'').val();
    }

    console.log(friends);
});
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    your code is working perfectly you can see it from this
    console.log is good for debuging but i prefer you to use firebug for debuging.
    Using firebug you can debug each and every line and you can also view the values of each variable.
    I am using firebug with firefox.
    You can download firebug for firefox from that link .I hope that it helps you.

    • 0