JSFiddle - React, Tailwind, and code Playground

by Blake Plumb

HTML

<!doctype html>
<html>
  <head>
    <title>TakeMeHome</title>
    <link rel="stylesheet" type="text/css" href="css/design.css"/>
    <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" id="submit" value="submit">
    </form>
  </body>
</html>

JavaScript

var j=2;

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

});