[Kayleigh]

Mam pytanie związanie z #js oraz #html. chce zmienić na scroll-u i mam takie dwa skrypty. I one mi działają jak są pojedynczo, a jak oba są wpisane to działa jeden. Zauważyłem, że problem jest w pierwszej linijce z tym [0], ale ni cholery nie rozumiem jak to naprawić. Głównie dlatego, że nie umiem JS-a oraz nie jestem programista.

#programowanie #programista15k #javascript

var body = document.getElementsByTagName('body')[0];
 body.style.backgroundColor = 'black';
 window.onscroll = function (event) {
 var scroll = window.pageYOffset;
 if (scroll < 750) {
 body.style.backgroundColor = 'black';
 } else {
 body.style.backgroundColor = 'white';
 }
 };

 var yellowlogo = document.getElementsByClassName('logo')[0];
 yellowlogo.style.bottom = '30px';
 window.onscroll = function (hidelogo) {
 var scroll2 = window.pageYOffset;
 if (scroll2 < 200) {
 yellowlogo.style.bottom = '30px';
 } else {
 yellowlogo.style.bottom = '-50px';
 }
 };

[milo77]

@Kayleigh: a jaki jest problem?

[Kayleigh]

@milo77: nie działa. W sensie działa albo jeden albo drugi jak są oba wklejone

[LaylaTichy]

@Kayleigh: nadpisujesz sobie 2x window.onscroll

wrzuc te kody pomiedzy

document.addEventListener('scroll', (event) => {
// kod
});

albo do jednego window.onscroll

[Kayleigh]

@LaylaTichy: Pokazałbyś mi jak wyglada taki kod z wrzuconym pod jednym Window.onscroll, wtedy zobaczę jak to robić na przyszłość bo jescZe kilka rzeczy będę zmieniał na scrollu

[LaylaTichy]

@Kayleigh: no bierzesz te zmienne yellow logo wrzucasz na gore i bierzesz kod z 2 funkcji onscroll i wklejasz w pierwsza ;)

https://pastebin.com/qpHmjzek

powinno dzialac

[Kayleigh]

@LaylaTichy: Kocham Cię, dziękuję bardzo :)

[Kayleigh]

@LaylaTichy: A jeżeli jeszcze mógłbyś mi podpowiedzieć, bo właśnie robię jeszcze recolor nawigacji, i mam kilka elementów w dwóch div-ach, i jak wywołuje sobie div i zmieniam mu color, to nie działa mi przedkolorowanie. Ale jeżeli wywołam sobie i nadam mu kolor to działa. Z tymże, mam kilka tych i nie mogę ich jakoś wywołać naraz, mogę tylko [0] [1] [2] na końcu, jak mogę napisać przedział lub coś takiego?

[Kayleigh]

@LaylaTichy: Oka wiem :-) zrobiłem tak:

const nav = document.getElementsByClassName('menu');
for (let i = 0; i < nav.length; i++) {
nav[i].style.color = 'white';
}