<!DOCTYPE html><meta charset="utf-8">
<head></p>
<body bgcolor=" #e0eeee">
<h1> <p align="center">Übung einer Eingabe</h1></p>
<form>
Bitte den ersten Wert eingeben: <input type="text" id="wert1"><p>
Bitte den zweiten Wert eingeben:<input type="text" id="wert2"><p>
Bitte den dritten Wert eingeben: <input type="text" id="wert3"><p>
<input name="task" type="button" value="senden"
onclick="durchschnitt()">
<input name="task" type="reset" value="zurücksetzen">
</form><script>
function durchschnitt(){
let wert1;
let wert2;
let wert3;
document.getElementById(parseInt (wert1));
document.getElementById(parseInt (wert2));
document.getElementById(parseInt (wert3));
durchschnitt=(wert1+wert2+wert3) // 3;
alert(durchschnitt);
console.log("test");
console.log(durchschnitt);
}</script></body>
</html>
change after tipps in facebook:
<!DOCTYPE html><meta charset="utf-8">
<head></head>
<body bgcolor=" #e0eeee">
<h1> <p align="center">Übung einer Eingabe</h1></p>
<form>
Bitte den ersten Wert eingeben: <input type="text" id="wert1" name="wert1"><p>
Bitte den zweiten Wert eingeben:<input type="text" id="wert2" name="wert2"><p>
Bitte den dritten Wert eingeben: <input type="text" id="wert3" name="wert3"><p>
<input name="task" type="button" value="senden"
onclick="durchschnitt()">
<input name="task" type="reset" value="zurücksetzen">
</form><script>
function durchschnitt(){
document.getElementById("wert1").innerText;
document.getElementById("wert2").innerText;
document.getElementById("wert3").innerText;
durchschnitt=(wert1+wert2+wert3) // 3;
alert(durchschnitt);
console.log("test");
console.log(durchschnitt);
}</script></body>
</html>Now:
With help from adrian ist works. So it is correct:
<!DOCTYPE html>
<head>
<meta charset="utf-8">
</head>
<body bgcolor=" #e0eeee">
<h1>
<p align="center">
Übung einer Eingabe
</p>
</h1>
<form>
Bitte den ersten Wert eingeben:
<input type="number" id="wert1">
Bitte den zweiten Wert eingeben:
<input type="number" id="wert2">
Bitte den dritten Wert eingeben:
<input type="number" id="wert3">
<input name="task" type="button" value="senden" onclick="durchschnitt()">
<input name="task" type="reset" value="zurücksetzen">
</form>
<script type="text/javascript">
function durchschnitt(){
const wert1 = document.getElementById('wert1').value;
const wert2 = document.getElementById('wert2').value;
const wert3 = document.getElementById('wert3').value;
const value = parseInt (wert1+wert2+wert3);
alert(value);
}
</script>
</body>
</html>