JSFiddle - React, Tailwind, and code Playground

by gRoberts

HTML

<form>
  <input />
  <button type="submit">Update</button>
</form>

JavaScript

document.addEventListener('DOMContentLoaded', () => {
  document.querySelector('form').addEventListener('submit', (e) => {
    e.preventDefault();
    var url = e.target.querySelector('input').value;
    if (url) {
      url = encodeURI(url);
      prompt('Here is your modified URL', url);
    }
  })
})