JSFiddle - React, Tailwind, and code Playground

HTML

<form action="paginas/login.php">
    <p id="log">Usuário: </p> <input id="cmpG" type="text" name="usuario"/>
    <p id="log">Senha: </p> <input id="cmpG" type="password" name="senha" size=8 maxlength=8/>
    <p id="log">A senha deve conter 08 caracteres (alfanumerico)</p>
    <!-- Barra de botões -->
    <div id="barra">
        <input class="bnt" type="submit" value="login"/>
        <input class="bnt" type="submit" value="cadastrar"/>
        <input class="bnt" type="reset" value="Limpar"/>
    </div>
</form>

CSS

img{
    border: 2px solid black;
}

JavaScript

var form = document.querySelector('form');
var inputDiv = document.getElementById('barra');
var urls = {
    cadastrar: 'paginas/cadastro.php',
    login: 'paginas/login.php'
};
function verificarDestino(e){
    e.preventDefault();
    console.log(e.target);
    var tipo = e.target.value;
    var url = urls[tipo];
    form.action = url;
    alert(url);
    form.submit();
}
inputDiv.addEventListener('click', verificarDestino);