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.

<video> Video-Datei

CSS - Mit ::selection markierten Text hervorheben

PHP - Daten (Array) mit Komma separieren und Leerzeichen löschen

JavaScript - Die Textauswahl in Zwischenablage kopieren

MySQL - Spalte umbenennen

Homepage-Umzug
Sollten Sie einmal mit Ihrer Homepage umziehen, dann teilen Sie es den Besuchern auch mit. Lassen Sie unter der alten Adresse einen Hinweis und einen Link auf die neue Seite zurück. Vorsicht ist bei automatischen Weiterleitungen geboten. Stellen Sie auf jeden Fall einen alternativen Link zur Verfügung, falls die automatische Weiterleitung nicht funktioniert.