Komma in HTML input?

Hey,

ich programmiere zurzeit an einer Webseite bei der, der Besucher der Webseite einen Preis in das Input Feld eingeben muss welcher dann mit Js umgerechnet wird. Allerdings funktionieren nur Zahlen welche mit getrennt sind (12.50€). Da meine Webseite aber deutsch ist werden die meisten User vermutlich eine Zahl mit Komma eingeben (12,50€). Die wird aber leider nicht erkannt und als Ergebnis kommt NaN€.

Habe jetzt schon lange das Internet durchsucht aber nichts gefunden, weiß jemand von euch wie ich den Fehler beheben kann?

Danke im voraus :)

5 Antworten

Vom Beitragsersteller als hilfreich ausgezeichnet

GamersGame

13.04.2022, 01:33

Hey,

das Problem ist JavaScript ist in englisch und in der englischen Sprache trennt man die Beträge mit Punkt.

Du bräuchtest also 2 Werte zum rechnen. Der Erste Wert wird nur auf der Website angezeigt und der zweite ist der selbe Wert nur mit einem Punkt, welchen du dann weiter mit Code bearbeiten kannst.

Den Punkt kannst du mit der JavaScript Funktion replace() umrechnen.

https://www.w3schools.com/jsref/jsref_replace.asp

Woher ich das weiß:Berufserfahrung

ChrisCat1, UserMod Light

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer

12.04.2022, 22:12

Probier mal mit der JavaScript Methode replace() das Koma durch einen Punkt zu ersetzen.

LeBonyt

12.04.2022, 22:28

Das ist kein Fehler, sondern eine Konvention das Fließkommazahlen immer mit Punkt dargestellt wird. Die Lösung mit dem replace ist recht gut, besser wären Funktionen die in Richtung "format" gehen. Wie schon erwähnt Stackoverflow haben Lösungen

https://stackoverflow.com/questions/28360966/regular-expression-to-match-german-number

Woher ich das weiß:Berufserfahrung – Web Developer bei einem mittelständischen Portalbetreiber

Klemens540

12.04.2022, 22:12

Kenne mich nicht gut mit Javascript aus aber wenn du keine andere Lösung findest, könntest du eventuell die Eingabe zu einem String umwandeln und mit .Replace() das Komma zu einem Punkt ändern. Anschließend wandelst du es zurück in deinen Int, Float etc.

Wenn du auf Gutefrage keine gute Antwort bekommst würde ich dir Stackoverflow empfehlen. Dort bekommst du schnell sehr hilfreiche Antworten.

elmex7

Nutzer, der sehr aktiv auf gutefrage ist

im Thema HTML

13.04.2022, 15:25

Und wenn du ein input type=number feld nimmst, bestehen chancen, dass der Browser die lokalisierung für dich übernimmt. Trotzdem sollte man in deutschsprachigen Webseiten immer comma2point Wandlungen für Berechnungen einbauen. (replace ist da, wie bereits erwähnt, ein guter Ansatz)

Ähnliche Beiträge

Mit Input Element rechnen (JavaScript)?

Ich fange gerade an, programmieren zu lernen (HTML, Js, CSS) und bin gerade dabei eine Website zu coden, die Meilen in Kilometer umrechnet. Man gibt beim Input Feld die Meilen ein und wenn man den Button Convert drückt sollen diese in Kilometern angegeben werden. Bei der Js Funktion mit dem Button kommt allerdings immer NaN (Not a Number) heraus, wenn ich mit dem Eingegeben weiterrechnen möchte. Wisst ihr wie man den String von der Eingabe zu einem Zahlenwert machen kann, sodass die Funktion damit weiterrechnen kann? Danke

...zum Beitrag

Zufallsgenerator in ausgewähltem Bereich HTML & JS?

Hey,

ich bräuchte auf meiner Webseite einen Zufallsgenerator der in einem zuvor ausgewähltem Bereich eine zufällige Zahl raushaut. Ich hatte mir überlegt, dass man in einen Input eine Zahl eingibt und dann ein Zufallsgenerator in JS eine Zahl zwischen 0 und dieser festgelegten ausspuckt. Ich habe schon viel probiert, auch mit "getElementById" aber nichts hat geklappt.

Habt ihr Ideen?

Danke im voraus :)

...zum Beitrag

HTML JS Input Feld leer?

Hallo!

Ich arbeite gerade an einem Projekt für die Schule.

Es muss eine Fehlermeldung kommen wenn ein Feld noch nicht ausgefüllt ist. Wie definiere ich das?

if (x == ??)

...zum Beitrag

nur zahlen eingeben in input feld mit html?

Wie kann ich es verhindern, das man in ein input feld buchstaben und negative zahlen eigeben kann? bitte mit html

...zum Beitrag

JS Funktion: display: none sichtbar machen?

Wie erstelle ich eine Funktion, die von einem input-Feld die Eingabe des Benutzers überprüft und wenn das Richtige eingegeben wurde dann ein verstecktes Element sichtbar macht? Ich habe das Element über display: none versteckt.

Bin blutiger Anfänger, also bitte einfach erklären ;)

...zum Beitrag

Website lädt automatisch neu?

Heute habe ich eine neue Website gemacht, es ist eine Todo Liste, einfach damit ich ein bisschen javascript üben kann. Soweit funktioniert auch alles doch sobald ich Sachen in den input eingebe und dann auf Hinzufügen drücke lädt die seite neu. Wieso?

Hier der js code

Und hier der HTML code

...zum Beitrag

Input löschen Vue.js?

Hallo

Ich bin gerade mit Vue js eine To-Do-App am programmieren. Es gibt ein Input feld in dem man den Namen des To-Do's schreiben kann, danach kann man noch die Kategorie wählen z.B. Arbeit oder Privat. Alles funktioniert jedoch möchte ich gerne das nach dem ich den "Add to Board"/Submit Buttom drücke der Text aus dem Input Feld gelöscht wird.

Ich bin ein Anfänger was das Programmieren angeht und würde mich über Hilfe freuen.

...zum Beitrag

Javascript - Note berechnen?

Schönen guten Abend,

ich versuche mir selber JS beizubringen und merke, dass es doch nicht ganz so einfach ist. Ich versuche ein Rechner zu programmieren, mit welche man die Zeugnisnote berechnen kann. Leider habe ich Probleme die Werte die ich ins Input-Feld eingebe in JS aufzurufen und zu verarbeiten. Würde mir jemand diesbezüglich helfen?

Bitte verzichtet darauf mir zu sagte wie einfach das sei und wie schlecht ich bin, ich will mich weiter motivieren mich weiterzubilden und mir nicht erzählen lassen wie einfach oder dass ich es doch lassen solle.

Mein JS

function berechnung(){
    var at = document.getElementById("allgemein")
    var kl = document.getElementById("klausur")
    document.getElementById("ergebnis").innerHTML = kl;
    allgemein+klausur
    console.log
}

Mein HTML

<div class="section">
            <p><h2>Notenrechner</h2></p>

            <input type="int" id="allgemein"> <br>
            <input type="int" id="klausur">
            <button onclick="berechnung()">Note berechnen</button>
            <p id=ergebnis></p>


        </div>

...zum Beitrag

Android studio WebView und Java?

Hi, ich bin momentan dabei eine App zu bauen und darauf gestoßen das man mittels einer webView ziemlich einfach seine App in CSS HTML und JS Programmieren kann. Im Laufe meiner Planung ist mir allerdings aufgefallen das man so Recht schnell an die Grenzen des (für mich) machbaren stößt, kann ja auch sein daß ich schlichtweg zu doof bin. Jedenfalls wollte z.B. ein Login mit Database machen und automatisches anmelden wenn man die App neu startet. Java seitig finde ich dazu zig Videos, allerdings keine wirklichen die mir das mit Java Script erklären. Gibt es eine Möglichkeit wie ich von der webView aus mir dem Java Code kommunizieren kann? Als Beispiel: das ich ein Input Feld in HTML mache, einen Button und ein Label: der Button soll nach Klick den Wert des Input Feldes an den Java Code senden, und der soll dann das Label mittels Java Code, also außerhalb der webView in der Main Activity, den Wert des Labels gleich den Wert des Input Feldes setzen. Geht sowas überhaupt? Könnt ihr mir da weiterhelfen oder habt ihr gar gute Webseiten/ Videos wo diese Login Thematik mit Database erklärt wird?

...zum Beitrag

JavaScript Funktion Summe?

Hallo ich möchte ein einfaches Programm scheiben was von zwei input feldern die Zahlen nach button Bestätigung zusammenrechnet. Bin mir bei meinem Code nicht sicher. Es addiert die Zahlen nicht sondern schreibt sie zusammen. 1+2=12

<script>
function summe()
{
var z1=document.getElementById('zahl1').value;
var z2=document.getElementById('zahl2').value;


var ergebnis= (z1+z2);
document.write("Das Ergebnis ist:"+ ergebnis);
}
</script>
<input type=text id="zahl1">
<input type=text id="zahl2">
<input type=button onclick="summe()" value="=">
</body>

...zum Beitrag

Nur bestimmte Zeichen in HTML input Feld erlauben (JavaScript)?

Hi, der Titel erklärt eigentlich schon mein Problem Für meinen Code brauche ich momentan Hilfe, denn ich weiß nicht wie man es codet, dass man in ein input field nur bestimmte Zeichen erlauben kann. Bei Straßennamen bspw. Buchstaben wie "ß,ö,ü" usw. und halt auch Zahlen die dazugehören. Und gibt es document.getElementById("id-name").size noch? Mir wird in meinem Programm nur sizeToContent vorgeschlagen. Ich danke euch schon mal :)

...zum Beitrag

[JavaScript] Input soll nur Zahlen und Komma nehmen?

Guten Tag,

ich kenne mich absolut nicht mit JavaScript aus.

Ich habe ein Formular, welches nur Zahlen annehmen soll. Ich habe das schon mit den Attributen type="number" pattern="[0-9]+([.,][0-9]+)?" gemacht. Aber ich bin mir sicher, dass es mit JavaScript eine bessere Lösung gibt.

Kann mir da jemand weiterhelfen?

...zum Beitrag

Wie in Python mehrere Zahlen in input() eingeben?

Wie lautet der Befehl, wenn ich in python in input() mehrere Zahlen eingeben kann indem ich diese mit einem Komma trenne und als Ausgabe die Summe der vier Zahlen bekomme?

Danke :)

...zum Beitrag

HTML und CSS Rechner - Input?

Wie bekomme ich es hin, dass , wenn ich eine Taste drücke diese Zahl dann in das Input Feld gelangt?
Danke im voraus!

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen