mi sembra a posto... posto l'intero codice della pagina:


codice:
<html>


  <head>


      
      <link href="css/bootstrap.min.css" rel="stylesheet">      




      
      <script>
         
      function crea_barra(){
          
          var elementi = document.getElementById('elementi').value;
          
          var box = document.getElementById('a');
          
          box.innerHTML+="<div style='border:1px solid black;'>ciao<ul>";
          
          var i;
          
          for(i=1;i<=elementi;i++){
              
              box.innerHTML+="<li>"+i+"</li>";
            
            
          }
          
          box.innerHTML+="</ul></div>";
        
      }
      
      
      
      </script>


  </head>


  <body>
  
  
  <div class="container">
      
      <div class="row">
          
          <div class="col-xs-3">
              
              <input type="text" id="elementi" onchange="crea_barra()">
              
          </div>
          
          <div class="col-xs-9" id="a">
            <p>Prova</p>
          </div>
              
       </div>          
    
   </div>      
          
  </body>
</html>