Frage Random-Uhr Problem mit parseInt

colaholiker · Dienstag um 23:15

ich habs jetzt so:

Code:

const
    path = 'a-Arbeitsfiles/images/Uhren/',
    im = themes[randomIdx].img,
    cls = themes[randomIdx].cls,
    clkContainer = document.querySelector('div.clock');

clkContainer.className = clkContainer.className.replace(/theme[1-9]/, '') + cls;

clkContainer.style.backgroundImage = `url(${path + im})`;
di1.innerHTML = randomIdx + '/' + (cls.substr(-1));
}

und in der console steht

Code:

Uncaught TypeError: clkContainer is null
    clockChange http://192.168.178.100/a-Arbeitsfiles/js/uhr-1.js:165
    changeUhr http://192.168.178.100/a-Arbeitsfiles/js/uhr-1.js:27

Ein Hintergrundbild wird unformatiert angezeigt, mehr geht nicht.

Warum schreibst Du theme[1-9], es sind ja 4 Themen?

Sempervivum · Dienstag um 23:25

Warum schreibst Du theme[1-9], es sind ja 4 Themen?

Ich gestalte es gern so, dass es erweiterbar ist.

Es hat schon seinen Grund, dass von Fummelei mit Strings abgeraten wird und statt dessen die JS-Funktionen empfohlen. Da ist jetzt das Leerzeichen zwischen den beiden Klassen abhanden gekommen. Aber so funktioniert es:

Code:

    clkContainer.className = `${clkContainer.className.replace(/theme[1-9]/, '')} ${cls}`;

colaholiker · Dienstag um 23:40

Sempervivum schrieb:
Ich gestalte es gern so, dass es erweiterbar ist.

Ich auch, aber in diesem Fall war ich mir unsicher ob das Fehler bringt.
...

Sempervivum schrieb:
Aber so funktioniert es:

Jaaa! Und zeigt auch an wie spät das ist. Hab ich Dich wieder so beansprucht!
Dann vielen Dank für die ganze Mühe, dieser Stachel hat mich schon lange genervt.

Gute Nacht!

Sempervivum · Dienstag um 23:50

Immer gern, gleichfalls gute Nacht!

Frage Random-Uhr Problem mit parseInt

colaholiker

Mitglied

Sempervivum

Senior HTML'ler

colaholiker

Mitglied

Sempervivum

Senior HTML'ler

Neueste Beiträge