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.

<p> Textabsatz

CSS - Animierte Box mit Keyframes

PHP - Tage zwischen zwei Datumsangaben berechnen

JavaScript - Die Reihenfolge der Werte eines Arrays verändern

MySQL - Spalte einer Tabelle sortieren

Keine Passwörter
Möglichst auf Passwortsperren verzichten. Ein Besucher sammelt mit der Zeit einen Berg an Benutzernamen und Zugangscodes an. Mit der Zeit kommt er durcheinander und vergißt möglicherweise die Daten. Dann haben Sie einen Leser verloren. Und: Erspare es dem Besucher, gigantische Fragebögen auszufüllen.