JSFiddle - React, Tailwind, and code Playground

HTML

<form id="fragen">
<fieldset>
<legend>
Wann war der 1. Weltkrieg
</legend>
<label><input type="radio" id="F2a" name="frage1" value="0">1914-1917</label>
<label><input type="radio" id="F2b" name="frage1" value="0">1915-1918</label>
<label><input type="radio" id="F2c" name="frage1" value="0">1814-1818</label>
<label><input type="radio" id="F2d" name="frage1" value="1">1914-1918</label>
<label><input type="radio" id="F2e" name="frage1" value="-1">Welcher Krieg?</label>
</fieldset>
<fieldset>
<legend>
Wie heißt die Antwort auf die Frage nach dem Leben, dem Universum und dem ganzen Rest?
</legend>
<label><input type="radio" id="F2c" name="frage2" value="0">Weil!</label>
<label><input type="radio" id="F2d" name="frage2" value="0">Entschuldige.</label>
<label><input type="radio" id="F2a" name="frage2" value="1">42</label>
<label><input type="radio" id="F2e" name="frage2" value="0">Adams wars!</label>
</fieldset>
</form>
<input type=button value="Auswertung" onClick="counter()">
<div id="ergebnis"></div>

CSS

label {
   display: block; 
}

JavaScript

counter = function() {

   var punkte = [].reduce.call(fragen.querySelectorAll("input[type=radio]:checked"),
                  function(s, ra) { return s+ parseInt(ra.value); },
                  0);
   ergebnis.innerHTML = "Sie haben " + punkte + " Punkt" + (punkte != 1 ? "e" : "");
}