Не работает фунция вывода модального окна. Ошибка Uncaught ReferenceError: fun
Делаю по видеоурокам практические задания, модальные окна, табы, меню и.т.д. Вчера все функции РАБОТАЛИ, изменения, как мне кажется, я не вносил в функции, они просто перестали работать, выдаёт ошибку 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, сам не справлюсь |
Цитата:
|
Проблема решена)) проблема была не в этом тэге, он был, я его закомментировал, с ним также не работал код. Проблема в комментировании JS-кода была. Закомментировал дальнейший код с помощью /* без */, как только поставил */, код заработал. Буду учить синтаксис, не знал о таких тонкостях, спасибо за ответ вам)
|
Хотя из-за дальнейшего кода, если его не комментировать, также код не выполняется
var tab;
tabContent;
window.onload=function()
{
tabContent = document.getElementsByClassName('tabContent');
tab = document.getElementsByClassName('tab');
hideTabsContent(1);
}
function hideTabsContent(a){
for (var i=a; i<tabContent.length;i++) {
tabContent[i]classList.remove('show');
tabContent[i]classList.add('hide');
tab[i].classList.remove('whiteborder');
}
}
document.getElementById('tabs').onclick=function (event) {
var target=event.target;
if (target.className=='tab'){
for (var i = 0; i < tab.length; i++) {
if(target==tab[i]){
showTabsContent(i);
break;
}
}
}
}
function showTabsContent(b) {
if (tabContent[b].classList.contains('hide')) {
hideTabsContent(0);
tab[b].classList.add('whiteborder');
tabContent[b].classList.remove('hide');
tabContent[b].classList.add('show');
}
}
не понимаю как он может влиять на предыдущий код |
Bomberman,
строки 12, 13 |
Спасибо
|
| Часовой пояс GMT +3, время: 05:44. |