Javascript global variable doesn't work while local does

Question

I'm trying to make a sound when a button is pressed so the following code is inside onclick="cNote()" . Now, when I declare the variable locally it's working:

function cNote() {
var cNote = new Audio("cNote.wav");
cNote.play();

But when I'm declaring it as a global variable it doesn't work:

var cNote = new Audio("cNote.wav");

function cNote() {
cNote,play();
}

Any idea what's the issue?

Answer 1

You've given the variable and the function the same name. There can only be one symbol with a given name in any scope.