что такое глобальные и локальные переменные javascript

Переменная, объявленная за пределами функции, называется ГЛОБАЛЬНОЙ. Если переменная объявлена внутри функции, она называется ЛОКАЛЬНОЙ.

var t1 = 1;
function test () {
  var level = t1/1;
  mega = 100;
}

В этом коде переменная t1 глобальная и видна в функции. А переменная level локальная - действует только в функции и после того как браузер закончит выполнение функции, обычно эта переменная удаляется.

Глобальная переменная существует пока открыта страница в браузере.

Переменная mega - глобальная, хотя и встретилась первый раз функции, но так как она не была объявлена словом var, она будет видна и вне функции!

Если к скрипту вы подключите дополнительный файл, то все глобальные переменные будут видны и в подключенном коде.

Что произойдет, если присвоить локальной переменной такое же имя, как у существующей локальной переменной?

Происходит «замещение» глобальной переменной. Пример:

var x = 1;
function test (){
  var x = 2;
}

Вне функции переменная х глобальная и равна 1.

Внутри функции переменная х локальная и равна 2, т.к. стоит слово var. Мы можем что угодно присвоить х внутри переменной, снаружи она все равно будет 1.