JavaScript - Die Werte in Eingabefeldern per Button-Klick ändern



 


<script>

// Die Werte in Eingabefeldern per Button-Klick ändern

window.addEventListener("DOMContentLoaded", function() {

  
document.getElementById('plus').addEventListener('click',function(e) {
    for(var 
i=1<= 4i++) {
         var 
plus document.getElementById('input' i);
         
plus.value = (parseFloat(plus.value) + parseFloat('00.01')).toFixed(2);
    }
  })
 
  
document.getElementById('minus').addEventListener('click',function(e) {
    for(var 
i=1<= 4i++) {
         var 
minus document.getElementById('input' i);
         
minus.value = (parseFloat(minus.value) - parseFloat('00.01')).toFixed(2);
    }
  })

}); 
</
script>

<
input type="text" id="input1" value="3">  
<
input type="text" id="input2" value="3.04"
<
input type="text" id="input3" value="33.70">  
<
input type="text" id="input4" value="0"
<
br>
<
input type="button" id="minus" value="Minus">
<
input type="button" id="plus" value="Plus">

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<textarea> Mehrzeiliger Eingabebereich

CSS - Kompass-Animation

PHP - Tage zwischen zwei Datumsangaben berechnen

JavaScript - Beim Anklicken einer Checkbox den dazugehörenden Text hervorheben

MySQL - Summe einer Spalte ermitteln