Tipp gesucht für JS count-Up Fehlerbehebung

[Niobe]

Hallo und guten Tag,
meine HP habe ich als non-profesionell erstellt. Nun habe ich mich jedoch in etwas verrennt und komme nicht weiter.Ich bitte Hilfestellung durch einen der Spzialisten hier im Forum, der mir auf die "Sprünge" hilft, damit ich meinen Fehler bereinigen kann.

Es geht darum, dass ich ein js count-up einfügen will, welches ab einem Datum die Jahre und Monate hochzählt. In meinem Fall das Alter unserer Fellpopos (Achtung Katzen, 4-beinige )

Bild 1 = vorher / Bild 2 = nach einfügen des js (Bilder gelöscht von Niobe)

Der code Schnipsel der eingrfügt wurde sieht so aus

<!-- start js -->            
                <script type="text/javascript"> 
                function countUp() {
                
                var jahr=2009, monat=11 // !!!!!!!!!!!!!!!!!!! Datum hier reinschreiben
                var akt=new Date();
                var j=akt.getFullYear()-jahr;
                var m=akt.getMonth()+1-monat;
                if(m<0) {j--; m=12+m;}
                var z="";
                if(j) {z = j + " Jahr"; if(j>1) z += "en";}
                if(m) {if(z) z += " und "; z += (m + " Monat"); if(m>1) z += "en";}
                document.write(z);
                }
                 
                </script>
                
                <!-- !!!!!!!!!!!!!!!!!!!!!!! Hier Text und Textgestaltung !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
                
                <div style="color:#333333;text-align:leftr;font-family:trebuchet ms;font-weight:lighter;font-size:0.8em;">(nur Platzhalter)
                  <script type="text/javascript">countUp()</script>
<!-- ende js -->

Die Seite habe ich hier als Test stehen... (gelöscht von Niobe)
Vielen Dank für's lesen und alle creativen Vorschläge.
Gruss Niobe

 

[Myhar]

AW: Tipp gesucht für JS count-Up Fehlerbehebung

Funktioniert doch eh.
Du hast einen Paragraphen, welchen du nicht schließt. Anstelle öffnest du ein div, was dazu führt, dass der Paragraph geschlossen wird und der nächste Absatz anfängt.

Du hast den Skript-Teil per Copy-Paste eingefügt? Der Teil mit (nur Platzhalter) ist dir aufgefallen? Lösche die Zeile weg, dann bekommst du wohl dein gewünschtes Ergebnis.

Ein weiterer Punkt: so sieht der Text aktuell auf der Webseite aus:

und mittlerweile >>> hier soll das js count up stehen <<<
(nur Platzhalter) 2 Jahren und 5 Monaten

Du wirst wohl auch das 'en' in 'e' abändern müssen in deinem Skript (kommt aber auf den Satz an, welchen du formulieren willst)

 

[Niobe]

AW: Tipp gesucht für JS count-Up Fehlerbehebung

Danke für die schnelle Reaktion!
hey, super... Zeile weg = Fehler weg
'en' in 'e' abändern müssen ->> yes I know
s. Bild (gelöscht von Niobe)

für was ist dann der Eintrag (die Zeile die nun gelöscht wurde) zu verwenden, das kann ich nicht nachvollziehen?
<div style="color:#333333;text-align:leftr;font-family:trebuchet ms;font-weight:lighter;font-size:0.8em;">(nur Platzhalter)
Vielen Dank nochmals!
Gruss Niobe

 

[Zampano_]

AW: Tipp gesucht für JS count-Up Fehlerbehebung

Die Zeile sollte einfach die Ausgabe des Scripts exemplarisch formatieren (was besser geklappt hätte wenn das dif geschlossen wäre und text-align: left und nicht leftr wäre )

Du hast die Zeile quasi "ersetzt" indem du den Script-Aufruf (countUp()) an die passende Stelle in deine Seite eingebaut hast.

 

[Niobe]

AW: Tipp gesucht für JS count-Up Fehlerbehebung

Die Zeile sollte einfach die Ausgabe des Scripts exemplarisch formatieren (was besser geklappt hätte wenn das dif geschlossen wäre und text-align: left und nicht leftr wäre )

Du hast die Zeile quasi "ersetzt" indem du den Script-Aufruf (countUp()) an die passende Stelle in deine Seite eingebaut hast.

prima und Danke...wieder etwas gelernt. Kann ich das so verstehen, dass indem die Zeile nun an der (für mich) richtigen Stelle steht, die Formatierung nicht mehr extra angegeben werden muss.
Gruss