Jeg kan se at der er rigtig mange fejl, hvor du har angivet et forkert id.
Her er den rettede kode:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<input onclick="calc2();" onchange="calc2();" onblur="calc2();" name="7d" style="background-color: #99ff66;" value="0" min="0" max="24" id="d7" type="number">
<input onclick="calc2();" name="7o" style="background-color: #99ccff;" value="0" min="0" max="24" id="o7" onchange="calc2();" onblur="calc2();" type="number">
<input onclick="calc2();" onchange="calc2();" onblur="calc2();" name="7r" style="background-color: #ffcc33;" value="0" min="0" max="48" id="r7" type="number">
<p></p>
<label for="navn">Total:</label>
<input style="background-color: #99ff66;" placeholder="0" name="res1" id="res1" onclick="calc1();" onchange="calculate();" value="" type="text1">
<script type="text/javascript">
function calc2() {
document.getElementById('res1').value = parseFloat(document.getElementById('d7').value)
+ parseFloat(document.getElementById('o7').value)
+ parseFloat(document.getElementById('r7').value);
}
</script>
</body>
</html>
Håber det hjælper.