JavaScript - Zahlenwert in einer Tabelle verändern
Weniger | 0 | Mehr |
<style>
#min,#max {
cursor: pointer;
user-select: none;
}
</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