Error in onclick

Question

I have a form I call the function mail() at the onclick event.

<input type="checkbox" name="MesmoEmail" value="S" id="mesmoEmail" onclick="mesmoEmail();"> Mesmo e-mail do cadastro

And Javascript is like this:

<script>
function mesmoEmail(){
  alert('aqui');
  var marcado = document.getElementById('mesmoEmail');
}
</script>

The problem is that it is not working and in the console appears the following error:

And in the source code:

So far when I put the code, the word Even is of another color. I am not able to identify the error.

Answer 1

I identified the bug. The ID has the same function name in onclick, so I made the following change:

<input type="checkbox" name="mesmoEmail" value="S" id="mesmoEmail" onclick="mesmoEmail();"> Mesmo e-mail do cadastro

To:

<input type="checkbox" name="MesmoEmail" value="S" id="mesmoemail" onclick="mesmoEmail();"> Mesmo e-mail do cadastro

Answer 2

You can simplify it this way:

function mesmoEmail(el){
  var marcado = el.value;
  console.log(marcado);
}

<input type="checkbox" name="MesmoEmail" value="S" id="mesmoEmail" onclick="mesmoEmail(this);"> Mesmo e-mail do cadastro