Evento de click nao funciona corretamente

28/07/2019

Eu estou no inicio dos estudos de JS, entao to criando uma pagina de teste onde basicamente eu criei uma div e dividi essa div principal em outras quatro, e tenho uma botao na pagina que ao clicar sera executada uma funcao que cria um array e executa prompt() 4 vezes pra capturar 4 valores a serem inseridos nessas 4 divs dentro da div principal. O problema eh que quando eu clico no botao que deveria executar a funcao e abrir o prompt na pagina, a acao desejada nao esta acontencendo. Eu clico no botao e nao acontece nada. Obs.: na vdd o botao eh uma div que eu criei e adicionei a propriedade 'cursor:pointer'.

Wendel Rios

Curtir t�pico + 0

Responder

Post mais votado

28/07/2019

Cara vc definiu o id do botao pra chamar no js? Posta o script que fica mais facil de nos entender para tentar te ajudar

Washington Silva

Responder

Gostei + 2

Mais Posts

28/07/2019

Wendel Rios

Cara vc definiu o id do botao pra chamar no js? Posta o script que fica mais facil de nos entender para tentar te ajudar

Entao na vdd eu criei uma class na div que eu tem o botao, e no arquivo js eu armazenei esse elemento numa variavel. Vou por o codigo

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Projeto Teste</title>
    <link rel="stylesheet" type="text/css" href="css/stylesheet.css">
</head>
<body>
    <div class="topo">
        <h1>Arrays em Foco</h1>
    </div>
    <div id="content">
        <div class="item"><button type="button">Inserir valor do array</button></div>
        <div class="item"><button type="button">Inserir valor do array</button></div>
        <div class="item"><button type="button">Inserir valor do array</button></div>
        <div class="item"><button type="button">Inserir valor do array</button></div>
    </div>
    <div class="btn_prompt">Run</div>
    <script type="text/javascript" src="app.js"></script>
</body>
</html>

arquivo js:

function recebeDoUsuario(){
    let itemValor = [4];
    for(i=0;i<3;i++){
        itemValor[i] = prompt("Digite um valor ");
    }
}

//function insereValorNaDiv(){
  //  let item = document.querySelector
//}


function executaInteracao(){
    let run = document.querySelector(".btn_prompt");
    run.addEventListener("click",recebeDoUsuario);
}

Responder

Gostei + 0

28/07/2019

Wendel Rios

Cara vc definiu o id do botao pra chamar no js? Posta o script que fica mais facil de nos entender para tentar te ajudar

Entao na vdd eu criei uma class na div que eu tem o botao, e no arquivo js eu armazenei esse elemento numa variavel. Vou por o codigo

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Projeto Teste</title>
    <link rel="stylesheet" type="text/css" href="css/stylesheet.css">
</head>
<body>
    <div class="topo">
        <h1>Arrays em Foco</h1>
    </div>
    <div id="content">
        <div class="item"><button type="button">Inserir valor do array</button></div>
        <div class="item"><button type="button">Inserir valor do array</button></div>
        <div class="item"><button type="button">Inserir valor do array</button></div>
        <div class="item"><button type="button">Inserir valor do array</button></div>
    </div>
    <div class="btn_prompt">Run</div>
    <script type="text/javascript" src="app.js"></script>
</body>
</html>

arquivo js:

function recebeDoUsuario(){
    let itemValor = [4];
    for(i=0;i<3;i++){
        itemValor[i] = prompt("Digite um valor ");
    }
}

//function insereValorNaDiv(){
  //  let item = document.querySelector
//}


function executaInteracao(){
    let run = document.querySelector(".btn_prompt");
    run.addEventListener("click",recebeDoUsuario);
}

Ali no laco do array eu tinha cometido um erro, eh menor que 4 e nao 3

Responder

Gostei + 0

28/07/2019

Wendel Rios

Cara vc definiu o id do botao pra chamar no js? Posta o script que fica mais facil de nos entender para tentar te ajudar

Entao na vdd eu criei uma class na div que eu tem o botao, e no arquivo js eu armazenei esse elemento numa variavel. Vou por o codigo

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Projeto Teste</title>
    <link rel="stylesheet" type="text/css" href="css/stylesheet.css">
</head>
<body>
    <div class="topo">
        <h1>Arrays em Foco</h1>
    </div>
    <div id="content">
        <div class="item"><button type="button">Inserir valor do array</button></div>
        <div class="item"><button type="button">Inserir valor do array</button></div>
        <div class="item"><button type="button">Inserir valor do array</button></div>
        <div class="item"><button type="button">Inserir valor do array</button></div>
    </div>
    <div class="btn_prompt">Run</div>
    <script type="text/javascript" src="app.js"></script>
</body>
</html>

arquivo js:

function recebeDoUsuario(){
    let itemValor = [4];
    for(i=0;i<3;i++){
        itemValor[i] = prompt("Digite um valor ");
    }
}

//function insereValorNaDiv(){
  //  let item = document.querySelector
//}


function executaInteracao(){
    let run = document.querySelector(".btn_prompt");
    run.addEventListener("click",recebeDoUsuario);
}

Ali no laco do array eu tinha cometido um erro, eh menor que 4 e nao 3

Falha minha, nao estava chamando a funcao no arquivo JS rsrs. Topico encerrado

Responder

Gostei + 0