Cordial: Einfacher Kostenkalkulator

Beitrag lesen

Hi,

Erstmal danke!

Habe mir da von den Informationen etwas zusammengebastelt, aber es will noch nicht so recht funktionieren. Hier der Code:

<html>
<head>
<title>Berechnung</title>
</head>
<script type="text/javascript">
<!--
function calculate ()
{
  var wert1 = document.getElementById('Checkbox1').value;
  var wert2 = document.getElementById('Checkbox2').value;
  var wert3 = document.getElementById('Checkbox3').value;
  var wert4 = document.getElementById('Checkbox4').value;
  var summe = wert1 + wert2 + wert3 + wert4;

document.getElementById('sum').innerHTML = summe;
}
//-->
</script>
<body>

<p>
  <input type="checkbox" id="Checkbox1" name="Checkbox1" onKeyUp='calculate()' value="20">
  <br>
  <input type="checkbox" id="Checkbox2" name="Checkbox2" onKeyUp='calculate()' value="20">
  <br />
  <input type="checkbox" id="Checkbox3" name="Checkbox3" onKeyUp='calculate()' value="20">
  <br>
  <input type="checkbox" id="Checkbox4" name="Checkbox4" onKeyUp='calculate()' value="20">
  <br />
  Summe = <span id='sum'></span>
</p>
</body>
</html>

Kann mir jemand weiterhelfen? Wenn ich auf die Kästchen klicke, dann will er einfach nicht summieren.