Java in HTML / Zahl mit Button addieren

[Der M. (Firma: Elegdro) (whyihavetologin)]

Hallo,

ich möchte ein Eingabefeld für Nummer mit einem Button mit einer Zahl 
erhöhen.

ich habe codes für +1 gefunden, aber wenn ich z.B. pro click +10 
addieren will funktioniert das nicht.

Bitte um Hilfe

<script>
    var i = 0;
    function buttonClick() {
        document.getElementById('inc').value = i++;
    
    }
</script>



    
  <tr>
    <th>eink1</th>
    <th><input type="number" name="inc"  value="0"></th>
    <th><input type="button" onclick="buttonClick()" value="+10"></tr>

[Ergo70 (Gast)]

i++ ist post increment um 1. Versuch Mal i+=10.

[Jack V. (jackv)]

Warum der irreführende Titel? Clickbait?

[Der M. (Firma: Elegdro) (whyihavetologin)]

Ergo70 schrieb:
> i++ ist post increment um 1. Versuch Mal i+=10.

Danke es funktioniert.

[Achim H. (anymouse)]

oder so:

function buttonClick() {
    let element = document.getElementById('inc');
    element.value = parseInt(element.value,10) + 10;
}

[Der M. (Firma: Elegdro) (whyihavetologin)]

Das Addieren mit den Buttons funktioniert jetzt.
Wenn ich jedoch in das Eingabefeld Zahlen eingebe und dann auf die 
Buttons drücke. Zeigt es mit das vom Button an, bzw. addiert nur die 
Zahlen der gedrückten Buttons.

Es ignoriert also komplett meine Eingabe oder resetet es.

 <script>
    var i = 0;
    function buttonClick1() {
        document.getElementById('inc1').value = i+=10;
    
    }
  
  var i = 0;
    function buttonClick2() {
        document.getElementById('inc1').value = i+=50;
    
    }
</script>



    
  <tr>
    <th>eink1</th>
    <th><input type="number" id="inc1" value="0"></input></th>
    <th><button onclick="buttonClick1()">+10</button></th>
    <th><button onclick="buttonClick2()">+50</button></tr>
    
    </tr>

[Ergo70 (Gast)]

Weil du i in den Funktionen immer wieder erst auf 0 setzt. .value += 50, 
statt .value = i+=50. Und ein Grundkurs JavaScript, nicht JAVA, könnte 
auch hilfreich sein.

[Der M. (Firma: Elegdro) (whyihavetologin)]

Ergo70 schrieb:
> Weil du i in den Funktionen immer wieder erst auf 0 setzt. .value
> += 50,
> statt .value = i+=50. Und ein Grundkurs JavaScript, nicht JAVA, könnte
> auch hilfreich sein.

Habe es jetzt überarbeitet, ist aber immernoch so

  <script>
    var i = 0;
    function buttonClick1() {
        document.getElementById('inc1').value = i+=10;
    }
  
    function buttonClick2() {
        document.getElementById('inc1').value = i+=100;
    }
  
  function buttonClick3() {
        document.getElementById('inc1').value = i+=500;
    }
  
</script>




<th><input type="number" id="inc1" value="0"></input></th>
    <th><button onclick="buttonClick1()">+10</button></th>
    <th><button onclick="buttonClick2()">+100</button></th>
    <th><button onclick="buttonClick3()">+500</button></th>

[Ergo70 (Gast)]

Vergiss das i Mal ganz. .value += Wert

[Der M. (Firma: Elegdro) (whyihavetologin)]

Ergo70 schrieb:
> Vergiss das i Mal ganz. .value += Wert

Das addiert nichts, sondern schreibt die Werte der Buttons einfach nur 
hinten dran. Also es löscht/resetet schonmal nichts.

[Daniel A. (daniel-a)]

Achim H. schrieb:
>     element.value = parseInt(element.value,10) + 10;

Kürzer wäre:

element.value = +element.value + 10;

[Achim H. (anymouse)]

Daniel A. schrieb:
> Achim H. schrieb:
>>     element.value = parseInt(element.value,10) + 10;
>
> Kürzer wäre:
>

> element.value = +element.value + 10;
>

Da bin ich nicht sicher, ob da nicht etwas wie "10101010101010" 
herauskommt ;) Oder meinst Du, dass das erste "+" die 
String->Zahl-Umwandlung veranlasst?

[DPA (Gast)]

Achim H. schrieb:
> Oder meinst Du, dass das erste "+" die
> String->Zahl-Umwandlung veranlasst?

Ja, das tut es. Ist ein nützlicher kleiner Trick, den ich vor Jahren mal 
von asmjs (einem striktem subset von JS) gelernt habe. 
(http://asmjs.org/spec/latest/#parameter-type-annotations)