Criei um fórmulário em que ao clicar em um campo sua borda inferior muda de cor, e usei um onblur() para que a cor volte ao normal ao clicar do lado de fora. Porém, queria que essa função funcionasse individualmente em cada input. Que cada um mude de cor quando for selecionado sem precisar escrever a mesma função várias vezes para cada id. Como posso fazer isso?
<form>
<input type="number" placeholder="idade" id="a" onclick="azul()" onblur="nada()">
<input type="text" placeholder="nome" id="b" onclick="azul()" onblur="nada()">
(...)
</form>
<script>
function azul(){
var a = document.getElementById("a");
a.style.borderBottomColor = "#4976d0";
}
function nada(){
var a = document.getElementById("a");
a.style.borderBottomColor = "transparent";
}
</script>