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.

<audio> Audio-Datei

CSS - Tabellenzeilen bei :hover hervorheben

PHP - Öffnungszeiten

JavaScript - Iframe-Inhalt zeitlich steuern

MySQL - Summe einer Spalte ermitteln