Javascript: float formatiert ausgeben

[Rolf B]

Hallo Linuchss,

hast Du denn das entsprechende js eingebunden? Das ist ein "selbstgemachte" Funktion des Seitenautors, die er an Number.prototype anhängt. Die Funktion ist sehr low-level und funktioniert mutmaßlich auch mit einem uralten IE.

https://javascript.jstruebig.de/js/num_format.js

Alternativ verwende Intl.Numberformat, was in unserem Wiki leider noch nicht aufgeführt ist.

let format1 = new Intl.NumberFormat("de-DE", { 
   mininumFractionDigits: 1,
   maximumFractionDigits: 1 });


document.getElementById("tempoId").textContent = "Tempo " +format1.format(tempo);

Ich verwende textContent statt innerHTML, weil ja kein HTML gesetzt wird, sondern nur Text.

Den Formatierer erzeugst Du nur einmal und legst ihn irgendwo zentral global ab.

Du kannst noch weitere Optionen setzen: minimumIntegerDigits, aber wenn Du das auf 3 setzt und die 42 formatierst, kommt "042,0" heraus.

Wenn Du einen Dezimalpunkt an Stelle eines Dezimalkommas willst, verwende ein entsprechendes Locale beim Erzeugen des Formatierers.

Wenn Du das Ergebnis links mit Leerstellen auffüllen willst (vermutlich nicht wenn es um deine Mischpultseite geht), benutze noch padStart. Das braucht für den IE allerdings ein Polyfill.

Rolf