JSFiddle - React, Tailwind, and code Playground

by Rapha Souza

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Loops</h2>
<div class="row">
          <div class="col-md-2">
            <label for="codigoCod">Código</label>
            <input type="text" id="codigoCod1" name="codigoCod1" class="form-control" >
          </div>
          <div class="col-md-9">
            <label for="tituloDoc">Descrição</label>
            <input type="text" id="tituloDoc1" name="tituloDoc1" class="form-control" >
            <br>
          </div>
  
        </div>

<div class="row">
          <div class="col-md-2">
            <label for="codigoCod">Código</label>
            <input type="text" id="codigoCod2" name="codigoCod2" class="form-control" >
          </div>
          <div class="col-md-9">
            <label for="tituloDoc">Descrição</label>
            <input type="text" id="tituloDoc2" name="tituloDoc2" class="form-control" >
            <br>
          </div>
  
        </div>



<p id="demo0"></p>
<p id="demo1"></p>
<p id="demo2"></p>
<input type="button" id="botao" onclick="chamarfunc();" value="Chamar">



<script>

 
      
var text = "";
var i;
for (i = 0; i < 3; i++) {

   var text = "asd";

   document.getElementById("demo"+i).innerHTML = text;
}

</script>




</body>
</html>