Говорю сразу - JS изучаю совсем недавно, ошибка может быть очень глупой Не работает событие onclick Фрагмент кода HTML:
<table class="menu2">
<form>
<td align="center" class="tr2" id="every">Все</td>
<td align="center" class="tr2"><div id="math" onclick="ClickMath()">Математика</div></td>
<td align="center" class="tr2" id="info">Информатика</td>
<td align="center" class="tr2" id="fiz">Физика</td>
<td align="center" class="tr2" id="gum">Гуманитарные науки</td>
</form>
</table>
</nav>
<div class="lenta">
<div class="mem"><img src="intellect/math.jpg" class="math"></div>
<div class="mem"><img src="intellect/math5.jpg" class="math"></div>
<div class="mem"><img src="intellect/fiz1.jpg" class="fiz"></div>
<div class="mem"><img src="intellect/gum1.jpg" class="gum"></div>
</div>
Фрагмент CSS:
.fiz {
width: 500px;
}
.math {
width: 500px;
}
.info {
width: 500px;
}
.gum {
width: 500px;
}
Функция JS:
function ClickMath()
{
alert("Вы нажали Математика");
var m=document.getElementsByClassName("math");
int i;
for (i=0; i<m.length; i++)
{
m.style.display='block';
m.style.color='#e86d81';
}
var f=document.getElementsByClassName("fiz");
for (i=0; i<f.length; i++)
{
f.style.display='none';
}
var info=document.getElementsByClassName("info");
for (i=0; i<info.length; i++)
{
info.style.display='none';
}
var g=document.getElementsByClassName("gum");
for (i=0; i<g.length; i++)
{
g.style.display='none';
}
}