Javascript Passar input de formulario para URL e redirecionar

[DiegoRLS]

Fala galera, tranquilo?

 

É o seguinte, estou precisando criar um formulário simples de apenas um campo onde vai ser digitado um código e quando clicar no botão o usuário será redirecionado para a seguinte página: https://meusite.com.br/(codigodigitado)

 

A minha dúvida é como juntar a URL pré definida com o código que o usuário digitar, até tentei algumas soluções aqui mas não deram certo. Acredito que o erro esteja no JavaScript, se alguém poder me dar uma ajuda agradeço.

 

<!--FORMULARIO DE PREENCHIMENTO-->
<form action="" class="formRed" method="get" name="codRed">
	<label>
		<input id="codigo" class="form-inputs" type="text"/>
	</label>
        
		<input class="botao" type="button" value="Redirecionar"/>
</form>

<!--FUNÇÃO REDIRECIONAR-->
<script>
	script type="text/javascript">
		$().ready(function(){
			var botao = $(".botao");
  
			botao.on("click", function(){
			var cod = document.getElementById("codigo").value;
			location = 'https://meusite.com.br/'+cod;
		}
	}, false)
</script>

 

[washalbano]

Olá!
Remova o form, pra evitar q ele seja submetido.
há algumas coisas estranhas no trecho js
Tente assim pra ver:

<label>
  <input id="codigo" class="form-inputs" type="text">
</label><input class="botao" type="button" value="Redirecionar"/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script><!--FUNÇÃO REDIRECIONAR-->
<script>
    $(document).ready(function () {
        let botao = $('.botao');

        botao.on('click', function () {
            let cod = $('#codigo').val();
            location = 'https://meusite.com.br/' + cod;
        })
    })
</script>

 

[DiegoRLS]

@washalbano como não sou expert em JavaScript tentei adaptar o código de outro botão que eu tinha criado, e acreditava que o botao.on seria necessário para realizar a função de redirecionar para o link.

 

Mas o seu código deu certo, obrigado pela ajuda!