JavaScript - Zahlenwert in einer Tabelle verändern

Weniger 0 Mehr

<style>

#min,#max {
 
cursorpointer;
 
user-selectnone;
}
</
style>

<
table border="1">
<
tr>
<
td id="min">Weniger</td>
<
td id="wert">0</td>
<
td id="max">Mehr</td>
</
tr>
</
table>

<
script>
// Zahlenwert in einer Tabelle verändern

var ele document.querySelectorAll('#min,#max');
ele.forEach(function(r) {
   
r.addEventListener('click',function() {
       var 
wert document.getElementById("wert");
       if (
r.id == "min") {
         
wert.innerText--;
       } else {
         
wert.innerText++;
       }
   })
 })
</
script>

Bausteine  Alle Anzeigen

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

<rp> Ruby Anmerkung

CSS - HTML-Elemente als Tabelle formatieren

PHP - Camel-Caps-Funktion

JavaScript - Hexadezimal nach RGB umwandeln

MySQL - Datensätze auswählen

Einfaches Design
Die Besucher suchen in erster Linie nach Informationen auf der Webseite und schauen nicht nach dem Design. Erstellen Sie deshalb ein einfaches Design auf Ihrer Homepage das Pflegeleicht ist. Es erspart Ihnen Arbeit, Traffickosten und dem Besucher Ladezeit.