Checkbock + Berechnung in Java Skript

[at]

Hallo JeBubing,

wozu Javascript?

<h1>Hobbies</h1>
<p><input id="a" type="checkbox" value="1"><label for="a">HTML</label></p>
<p><input id="b" type="checkbox" value="1"><label for="b">CSS</label></p>
<p><input id="c" type="checkbox" value="-3"><label for="c">Katzenbabies töten</label></p>
<p><strong id="ergebnis">Karma-Punkte:</strong></p>

… in Verbindung mit …

body {
  counter-reset: karma;
}        
#a:checked {
  counter-increment: karma 1;
}        
#b:checked {
  counter-increment: karma 1;
}
#c:checked {
  counter-increment: karma -3;
}
#ergebnis::after {
  content: ' ' counter(karma);
}

Und sobald die Browser die attr()-Funktion nicht nur als Wert der content-Eigenschaft kennen, kann man damit die value-Attribute auch direkt auslesen.

MfG, at