JSFiddle - React, Tailwind, and code Playground

by techiedelight

HTML

<html>

  <head>
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
  </head>

  <body>
    <form id="register">
      <div class="form-group">
        <label for="name">User Name</label>
        <input type="name" class="form-control" id="name" placeholder="Enter Username">
      </div>
      <div class="form-group">
        <label for="pwd">Password</label>
        <input type="password" class="form-control" id="pwd" placeholder="Password">
      </div>
      <button type="submit" class="btn btn-primary">Submit</button>
    </form>

    <div class="btn">
      <button type="submit" id="remove" class="btn btn-primary">Remove Form</button>
    </div>

  </body>

</html>

CSS

form {
  padding: 20px;
  margin: 10px;
  border: 1px solid lightgray;
}

JavaScript

document.getElementById("remove").onclick = function() {
  document.getElementById("register").outerHTML = "";
}