Div Feld nicht aktualisiert

Question

Ich bin mir nicht sicher, warum dieses Feld nicht mit der richtigen Nummer aktualisiert wird. Es ist erwähnenswert, dass aus irgendeinem Grund jede Zahl < 1 die alert() Funktion aufrundet. Ich denke, dass alle Zahlen nur abgerundet werden, aber ich kenne keine andere Methode, um den Wert zu erreichen, der das nicht tut. Irgendwelche Vorschläge?

Istwert = 0,03

var citrullineChoice = document.getElementById("citrulline").getElementsByClassName("on")[0].value; 

alert 0 zurück

Istwert = 0,03

var tyrosineChoice = document.getElementById("tyrosine").getElementsByClassName("on")[0].value; 

alert kehrt 1

Code Here

Answer 1

Hier ist ein Update für das, was Sie wollen: http://codepen.io/emiyake/pen/bwKRQP

ich den Wert auf die Funktion bin vorbei, anstatt sie als Attributwert zu Ihrem Element hinzufügen.

<li id="caffeinetwo" class="off" onclick="changeClass(this, 0.03)">250</li> 

verändert sich auch Ihr changeClass ein wenig, so dass Sie es nicht, wenn Sie ändern müssen hinzufügen oder eine Option in Ihrer Kreation Leiste entfernen.

Answer 2

Sie versuchen, die parseFloat() -Methode zu verwenden, weil JavaScript versucht, den Wert zu einem int hinzuzufügen.

var tyrosineChoice = parseFloat(document.getElementById("tyrosine").getElementsByClassName("on")[0].value); 

Answer 3

Verwenden .innerText statt .value - Sie haben keine Eingabeelemente.

jQuery-Bibliothek ist nicht auf Ihrem Beispiel hinzugefügt, gibt es eine Konsole Fehler:

pen.js:191 Uncaught ReferenceError: $ is not defined

auf

$("#perServing").html("$" + perServing); 

Answer 4

Sie sollten .getAttribute('value') statt .value

var citrullineChoice = parseFloat(document.getElementById("citrulline").getElementsByClassName("on")[0].getAttribute('value')); 

verwenden hier Ihre codepen