JSFiddle - React, Tailwind, and code Playground
HTML
<form id="redir">
<input name="code" placeholder="Insira seu código">
<br>
<button>Submit</button>
</form>
JavaScript
(function(){
'use strict';
// constante com o valor imutável, no caso, a url que você deseja usar
const url = "//google.com.br/";
// variável que irá armazenar o código que o usuário vai digitar
var codigo;
// cria o evento que dispara a função
document.getElementById('redir').onsubmit = function(e) {
// previne a ação padrão do submit, que nesse caso é recarregar a página para enviar os dados
e.preventDefault();
// pega o valor que o usuário digitou no input
// this = elemento que disparou o evento
// code = atributo 'name' do input
// value = adivinha?
codigo = this.code.value;
// não executar a ação caso o campo código esteja vazio
if (codigo.trim() === '') {
alert('Por favor, insira um código válido');
return false;
}
// se o return false não interromper a execução do script, então tudo foi um sucesso
window.open(url + codigo);
}
})();