Fazendo testes, encontrei um problema e não conseguir compreender. Resolvi colocar botão.onclick para ser uma função.
var clickBotao = function(idBotao,efeito){
var x = document.getElementById(idBotao);
x.onclick = efeito;
clickBotao("verificar",adicionarSorteado);
A função compilou sem problema, mas quando testei modificar a função adicionarSorteio, não conseguir visualizar o erro o código é esse:
<strong> <meta charset="UTF-8"> </strong>
<input type="text" id="numero" />
<input type="submit" value="Adicione e verifique no Bingo!" id="verificar"/>
<script>
var adicionarSorteado = function(id,variavel){
var numero2 = document.getElementById(id).value;
for (var i = 0; i < variavel.length; i++){
if (variavel[i] == numero2){
alert("Numero ja sorteado!");
return;
}
}
variavel.push(numero2);
console.log(variavel);
};
var clickBotao = function(idBotao,efeito){
var x = document.getElementById(idBotao);
x.onclick = efeito;
};
var sorteados = [];
clickBotao("verificar",adicionarSorteado("numero",sorteados));
</script>
Minha maior duvida é o porque da função clickBotao da certo e o adicionarSorteado não da certo.
Alguém consegue ver o(s) erro(s) e informar a maneira certa para que a função adicionarSorteio pudesse ser aplicada para outra variável e não somente a variável sorteados ?
obs.: Ao compilar o console já mostra o valor da variavel sorteados sendo [""] e não adicionar valores.