JSFiddle - React, Tailwind, and code Playground

by Wagner Souza

HTML

<form id="seu-form" method="get">
	<input type="search" placeholder="Busque algo" name="q">
	<input type="submit">
</form>

JavaScript

document.getElementById('seu-form').onsubmit = function() {
	var query = document.querySelector('[name="q"]');
		query.value = encodeURIComponent(query.value);
};