Java in HTML / Zahl mit Button addieren

Der M. OP (Firma: Elegdro) #7144613 
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

1
<script>

2
    var i = 0;

3
    function buttonClick() {

4
        document.getElementById('inc').value = i++;

5
    

6
    }

7
</script>

8


9


10


11
    

12
  <tr>

13
    <th>eink1</th>

14
    <th><input type="number" name="inc"  value="0"></th>

15
    <th><input type="button" onclick="buttonClick()" value="+10"></tr>
Antwort Zitieren Bearbeiten Thread verschieben Thread sperren Anmeldepflicht aktivieren Anpinnen Thread löschen Thread mit anderem zusammenführen Melden Danke
Der M. OP (Firma: Elegdro) #7144668 
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.




1
 <script>

2
    var i = 0;

3
    function buttonClick1() {

4
        document.getElementById('inc1').value = i+=10;

5
    

6
    }

7
  

8
  var i = 0;

9
    function buttonClick2() {

10
        document.getElementById('inc1').value = i+=50;

11
    

12
    }

13
</script>

14


15


16


17
    

18
  <tr>

19
    <th>eink1</th>

20
    <th><input type="number" id="inc1" value="0"></input></th>

21
    <th><button onclick="buttonClick1()">+10</button></th>

22
    <th><button onclick="buttonClick2()">+50</button></tr>

23
    

24
    </tr>
Antwort Zitieren Bearbeiten Löschen Melden Danke
Ergo70 Gast #7144692 
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.
Antwort Zitieren Bearbeiten Löschen Melden Danke
Der M. OP (Firma: Elegdro) #7144711 
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

1
  <script>

2
    var i = 0;

3
    function buttonClick1() {

4
        document.getElementById('inc1').value = i+=10;

5
    }

6
  

7
    function buttonClick2() {

8
        document.getElementById('inc1').value = i+=100;

9
    }

10
  

11
  function buttonClick3() {

12
        document.getElementById('inc1').value = i+=500;

13
    }

14
  

15
</script>

16


17


18


19


20
<th><input type="number" id="inc1" value="0"></input></th>

21
    <th><button onclick="buttonClick1()">+10</button></th>

22
    <th><button onclick="buttonClick2()">+100</button></th>

23
    <th><button onclick="buttonClick3()">+500</button></th>
Antwort Zitieren Bearbeiten Löschen Melden Danke
Beitrag #7144723 wurde von einem Moderator gelöscht.
Thread beobachten

Antwort schreiben

Eine eigene Frage? Dieser Thread ist über 4 Jahre alt. Stell sie in einem eigenen Thread – dort lesen mehr Leute mit, und sie wird öfter und schneller beantwortet.

Neuen Thread starten

Eine Lösung, Ergänzung oder Rückmeldung zu diesem Thread? Dann antworte hier.

Formatierung
  • [c]C-Code[/c]
  • [code]Code in anderen Sprachen, ASCII-Zeichnungen[/code]
  • [math]Formel in LaTeX-Syntax[/math]
  • [[Titel]] – Link zu einem Artikel
  • Verweis auf einen anderen Beitrag: Rechtsklick auf dessen Beitrags-ID (#8078628), „Adresse kopieren“, in den Text einfügen

Mehr zur Formatierung

Längeren Sourcecode als Anhang, nicht in den Text. JPG nur für Fotos und Scans; Zeichnungen und Screenshots als PNG oder GIF. Siehe Bildformate.

Dein Name und deine E-Mail-Adresse

Schon registriert? Anmelden

Wird nicht angezeigt. Wir schicken dir einen Link; sobald du damit bestätigst, erscheint dein Beitrag.

Mit dem Abschicken legst du einen kostenlosen Account an und erkennst die Nutzungsbedingungen und die Datenschutzerklärung an.