Quero criar uma extensão para Google chrome que verifique o estado de emissão de um CPF, mas não consigo fazer com que o botão execute a função. Como faço para que ele consiga executar?
document.addEventListener('DOMContentLoaded', function verificar(){
document.querySelector('#btn').addEventListener('click', function verificar(){
var cpf = document.getElementById("cpf").value.substring(8, 9);
})
function verificar() {
var cpf = document.getElementById("cpf").value.substring(8, 9);
if (cpf == "0") alert("Rio Grande do Sul");
else if (cpf == "1") alert(" Distrito Federal – Goiás – Mato Grosso – Mato Grosso do Sul – Tocantins ");
else if (cpf == "2") alert(" Pará – Amazonas – Acre – Amapá – Rondônia – Roraima");
else if (cpf == "3") alert(" Ceará – Maranhão – Piauí");
else if (cpf == "4") alert(" Pernambuco – Rio Grande do Norte – Paraíba – Alagoas ");
else if (cpf == "5") alert(" Bahia – Sergipe ");
else if (cpf == "6") alert("Minas Gerais ");
else if (cpf == "7") alert("Rio de Janeiro – Espírito Santo");
else if (cpf == "8") alert("São Paulo");
else if (cpf == "9") alert("Paraná – Santa Catarina");
}
})
<!DOCTYPE html>
<html lang="pt-br">
<head>
<script src="cpfteste.js"></script>
<title>CPF</title>
</head>
<body>
<input id="cpf" type="text">
<button id="btn">Verificar</button>
<div id="res">
</div>
</body>
</html>