displaying loops from javascript to html

Question

I am trying to display the results of a loop into my html from my JS file using Jquery. How do I do it..

here is my html code

<!DOCTYPE html>
<html>
  <head>
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="css/styles.css" rel="stylesheet" type="text/css">
    <script src="js/jquery-1.11.2.js"></script>
    <script src="js/scripts2.js"></script>
    <title>Loops</title>
  </head>
  <body>
    <div class="container">
      <h1>Loops </h1>

        <div id="results"> Here is your loop!
          <p> <span class="loop"></span> </P>
        </div>
    </div>
  </body>
</html>

here is my JS and JQuery code

$(document).ready(function(){

var n = parseInt(prompt("Give me a number from '1':"));


  for (var i = 0; i < n; i++) {
    $(.loop).append(i);
  };

thanks

What specifically goes wrong with the code you've posted? Any errors? — showdev
– showdev, Commented Jan 13, 2015 at 20:10

jmore009 · Accepted Answer · 2015-01-13 20:21:13Z

1

You're not targeting .loop correctly. It should be

$(".loop").append(i);

Instead of

$(.loop).append(i);

FIDDLE

edited Jan 13, 2015 at 20:21

answered Jan 13, 2015 at 20:12

jmore009

12.9k1 gold badge21 silver badges34 bronze badges

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

Comments

Ziga Petek · Accepted Answer · 2015-01-13 20:12:44Z

0

You should use quotes when using a selector in the jQuery function:

   $('.loop').append(i);

answered Jan 13, 2015 at 20:12

Ziga Petek

4,1285 gold badges35 silver badges44 bronze badges

Collectives™ on Stack Overflow

displaying loops from javascript to html

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