Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.0.0.js"></script>
</head>
<body>
  <h2> Nested Loops Example </h2>
  Enter a number 
  <input type="text" id="txt1" />
  <input type="button" id="btnSubmit" value="Smile"/>
  <br>
  <div id="output"></div>
  
  <script type="text/javascript">
    function smile() {
      $('#output').append("smile!");
    }
    $(document).ready(function(){
      $('#btnSubmit').click(function(){
        var n = $('#txt1').val(); // n is the value user enters
        for(var i=n;i>=1;i--){    // outer loop uses i to count down from n to 1
          for(var j=1;j<=i;j++) { // inner loop is for printing "smile" i times
            smile();
          }
          $('#output').append("<br>");
        }    
      });
    });
  </script>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x