Untitled

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>form</title>
</head>
<body id="body">
  <button id="button">Tambah Alamat Baru</button>

  <hr>

  <form>
    <div>
      <label>Your name:</label>
      <input type="text" name="" placeholder="Your name">
    </div>
    <div>
      <label>Username:</label>
      <input type="text" name="" placeholder="Username">
    </div>
    <div id="address">
      <div>
        <label>Address:</label>
        <textarea name="address1" placeholder="Address 1"></textarea>
      </div>
    </div>
    <input type="submit" name="" value="Submit!">
  </form>

  <script type="text/javascript">
    document.getElementById('button').addEventListener('click', function(){
      var address = document.getElementById('address'),
          button = document.getElementById('button'),
          body = document.getElementById('body');

      address.innerHTML += '<div><label>Address 2:</label><textarea name="address2" placeholder="Address 2"></textarea></div>';
      body.removeChild(button);
    });
  </script>
</body>
</html>