JSFiddle - React, Tailwind, and code Playground

by Rob Cameron

HTML

<form data-rr-form>
  <input type="text" placeholder="Your name"  data-rr-name>
  <button type="submit">Submit</button>
</form>

JavaScript

// including this as a <script> will automatically run the code within
(function() {
  var form = document.querySelector('[data-rr-form]')

  form.addEventListener('submit', function(event) {
    alert("Hello " + form.querySelector('[data-rr-name]').value);
    event.preventDefault()
  })
}())