Olá
Eu estou desenvolvendo um script bem simples em javascript, onde ao clicar pela primeira vez no botão, ele chama a função aluno() e ao clicar a segunda vez no mesmo botão chama a função professor(), mas não estou conseguindo alterar o conteudo de onclick, onde eu posso estar errando ?
<html>
<head>
<title>Mudar Botão</title>
</head>
<body>
<input type="button" id="btnAlunos" value="Alunos" onclick="alunos()" />
<script type="text/javascript">
function aluno() {
alert("Eu sou um aluno");
}
function professor() {
alert("Agora eu sou professor");
}
document.getElementById("btnAlunos").onclick = function() {
var btnAlunos = document.getElementById("btnAlunos");
btnAlunos.value = "Professor";
btnAlunos.onclick = "professor()";
btnAlunos.id = "btnProfessor";
aluno();
};
document.getElementById("btnProfessor").onclick = function() {
professor();
};
</script>
</body>
</html>
Agradeço desde já