Приветствую всех.
Я новичек в этом деле, знаний маловато, вот практикуюсь по немного. Надеюсь я с просьбой залез в тот раздел)
У меня собственно вот в чем беда.
По сути имеется 2 "кнопки" при клике на 1-ую, меняется фон, при клике на 2-ю меняется цвет тени дивов. Вся соль в том, что если код для 2-ух этих кнопок написать вместе, то работает часть написанная ниже т.е. сначала идет код для 1-ой кнопки,а после для 2-ой, будет работать только кнопка 2 и наоборот.
Буду благодарен хоть за какую то помощь
так же за какиет о советы, либо критику в сторону новечка, а то не хочется учится за ведома не правильно
var index = 0; //смена фона
var texture = new Array("back1.gif","back2.gif","back.png");
function changefonTexture()
{
var body = document.getElementById('boddy');
index++
if(index >= texture.length)
index = 0
body.style.background = 'url(../i/'+texture[index]+')';
}
window.onload = function()
{
var changefon = document.getElementById('changefon');
changefon.onclick = changefonTexture;
}
function getRandom(n) //смена цвета
{
return Math.round(n*Math.random())
}
function getRandomCSSColor()
{
var red = getRandom(255);
var blue = getRandom(255);
var green = getRandom(255);
var color = "rgb("+red+","+green+","+blue+")";
return color;
}
function changeAllColor()
{
var active = document.getElementById('active');
var content = document.getElementById('content');
var info = document.getElementById('info');
active.style.boxShadow ='0px 0px 20px 3px '+getRandomCSSColor();
content.style.boxShadow ='0px 0px 20px 3px '+getRandomCSSColor();
info.style.boxShadow ='0px 0px 20px 3px '+getRandomCSSColor();
}
window.onload = function()
{
var changecolor = document.getElementById('changecolor');
changecolor.onclick = changeAllColor;
}
