Evento de click nao funciona corretamente
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
Curtidas 0
Melhor post
Washington Silva
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
GOSTEI 2
Mais Respostas
Wendel Rios
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
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);
}
GOSTEI 0
Wendel Rios
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
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
GOSTEI 0
Wendel Rios
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
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
GOSTEI 0