2

Sou novo em desenvolvimento Web e me deparei com o seguinte problema. Tenho um input text e um botão em html e preciso criar uma ação que ao clicar no botão, uma função seja chamada e na função, irei fazer as devidas manipulações. Segue abaixo meu código.

<!-- FILTRO FLUTUANTE -->
    <div id="mws-themer">
        <div id="mws-themer-hide"></div>
        <div id="mws-themer-content">
            <form action="fornDetails.php">
                <div class="mws-themer-section">
                    <form action="" name="myForm" id="myForm" style="padding: 0; margin: 0;" method="POST">
                        <input type="submit" name="edtMFIR" id="edtMFIR" value="filtrar" class="mws-textinput error">
                    </form>
                </div>

                <div class="mws-themer-separator"></div>

                <div class="mws-themer-section">
                    <button class="mws-button red small" id="mws-themer-sendfilterPCD">Filtrar</button>           
                </div>
            </form>
        </div>
    </div>  

Como resolver o problema?

Além do HTML, há códigos em php e javascript.

2
  • Você tem algum conhecimento sobre Jquery ?
    – RickPariz
    20/09/2017 às 11:23
  • Nenhum conhecimento :/ 20/09/2017 às 11:25

1 Resposta 1

1

Muito simples.

Sem Jquery:

    var btn= document.getElementById('id-do-botao');
        btn.addEventListener('click', function(e){
 // função aqui
});    

Com Jquery:

$("#id-do-botao").on("click", function(e){
    // função aqui
});

Espero ter ajudado.

Um exemplo simples para ajudar.

var btn = document.getElementById("btn");
btn.addEventListener('click', function(e){
  alert("botao clicado");
});
<button id="btn"> Clique aqui </button>

7
  • <script type="text/javascript" src="../js/botao.js"></script> 20/09/2017 às 11:30
  • Sim, recomendo referenciar no final da pagina
    – RickPariz
    20/09/2017 às 11:31
  • Se a minha resposta está certa e te ajudou, marque-a como a certa, para me ajudar, e mostrar aos outros usuários da comunidade que a pergunta está fechada
    – RickPariz
    20/09/2017 às 11:35
  • Ainda não deu certo :/ 20/09/2017 às 11:46
  • Oque está dando errado ?
    – RickPariz
    20/09/2017 às 11:48

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .