Frage Random-Uhr Problem mit parseInt

[colaholiker]

ich habs jetzt so:

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

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]

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:

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

 

[colaholiker]

Ich gestalte es gern so, dass es erweiterbar ist.

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

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]

Immer gern, gleichfalls gute Nacht!