Делаю по видеоурокам практические задания, модальные окна, табы, меню и.т.д. Вчера все функции РАБОТАЛИ, изменения, как мне кажется, я не вносил в функции, они просто перестали работать, выдаёт ошибку Uncaught ReferenceError: fun3 is not defined
at HTMLSelectElement.onchange. Это одна из функций, я вырезал лишний код, посмотрел на эту одну функцию, всё равно не работает. Задумка такая: при выборе элемента из списка должно выскакивать модальное окно.
Вот код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<title>Практика Javascript</title>
<link href="css/style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<select name ="" id="mySelect" onchange="fun3();">
<option value="">Apple</option>
<option value="">Orange</option>
<option value="">Pineapple</option>
<option value="">Banana</option>
</select>
<br>
</body>
</html>
function fun3() {
var sel = document.getElementById('mySelect').selectedIndex;
options = document.getElementById('mySelect').options;
alert('Выбрана опция ' + options[sel].text);
}
Также имеется CSS файл, но думаю, он тут не при чём.
Помогите, пожалуйста. Неделю изучаю только JS, сам не справлюсь