Nach Javascript Berechnung NaN als Ausgabe

P1977

Hallo,

Nach Klick im Feld Mehr

wird die Javascript Funktion func_Mehr aufgerufen

dann sollte der Wert Beim DIV Container Entnahme gelesen werden und um 1 erhöht werden

der neue Wert sollte wider zurückgeschrieben

es erscheint allerdings der Wert NaN?

Code

<table border=1>
<tr><td onclick=func_Weniger(1);>Weniger<td><div id=Entnahme>1<div><td onclick=func_Mehr(1);>Mehr
</table>
<script>
    function func_Weniger(Sub)
    {
        alert('Weniger: '+Sub);
    }
    function func_Mehr(Addierung)
    {
        alert('Mehr');
        var Entnahme=document.getElementById("Entnahme").value;
        var NewEntnahme=Entnahme+Addierung;
        document.getElementById("Entnahme").innerHTML=NewEntnahme;
    }
</script>

Alles anzeigen

basti1012

Code

 var Entnahme=document.getElementById("Entnahme").value;

value ist da falsch.

Ich würde das aber alles so machen

HTML

<table border="1">
<tr>
<td id='min'>Weniger<td>
<td id='Entnahme'>0</td>
<td id='max'>Mehr</td>
</tr>
</table>
<script>
var ele=document.querySelectorAll('#min,#max');
ele.forEach(function(r){
   r.addEventListener('click',function(){
       var Entnahme=document.getElementById("Entnahme");
       if(r.id=='min'){
         Entnahme.innerText--
       }else{
         Entnahme.innerText++
       }
   })
 })
</script>

Alles anzeigen

P1977

Hallo,

Danke, Funktioniert.

Der Code sieht im Moment so aus.

Code

function func_Mehr(Addierung)
    {
        //alert('Mehr');
        var Entnahme=document.getElementById("Entnahme");
        var NewEntnahme=parseFloat(Entnahme.innerText)+parseFloat(Addierung);
        Entnahme.innerText=NewEntnahme;
    }

maximal wird dann nur der Bestand abrufbar sein

minimal ist nur die mögliche mindest Entnahme möglich

Die Schritte sind leider auch nicht immer 1 können auch mal 2 oder 4 oder 10 sein.

ld Peter

basti1012

Mit mehreren Buttons ( plus 2,5,10 ) wüde ich das so ungefähr machen

HTML

<table border="1">
<tr>
  <td data-plus='m'>Weniger<td>
  <td id='Entnahme'>0</td>
  <td data-plus="1">+1</td>
  <td data-plus="2">+2</td>
  <td data-plus="5">+5</td>
  <td data-plus="10">+10</td>
</tr>
</table>
<script>
var ele=document.querySelectorAll('td');
ele.forEach(function(r){
   r.addEventListener('click',function(){
       var Entnahme=document.getElementById("Entnahme").innerText;
       mehr=r.dataset.plus;
       if(mehr=='m'){
           ges=Entnahme-1;
       }else{
           ges=parseInt(Entnahme)+parseInt(mehr);
       }
       document.getElementById("Entnahme").innerText=ges;
   })
 })
</script>

Alles anzeigen

P1977 13. Juni 2021 um 15:21