[object HTMLInputElement] jak to naprawić

Question

	
	function global(){
		var a = document.getElementById("a").value;
		var b = document.getElementById("b").value;
		var c = document.getElementById("c").value;
		
		evall(a,b, c);
	}
	
	function evall(){
		var result =eval("a + b + c");
		document.getElementById("wynik").innerHTML=('Dzialanie funkcji globalnej eval:'  + result);
	}

<input type="number" id="a" name="a" placeholder="Wpisz pierwszą liczbę"/>
<input type="number" id="b" name="b" placeholder="Wpisz drugą liczbę"/>
<input type="number" id="c" name="c" placeholder="Wpisz trzecią liczbę"/>
	<p>Wciśnij przycisk, aby wyświetlić sume podanych liczb</p>
	<input type="submit" value="EVAL" onclick="evall(a,b,c)"/>
	<div id="wynik">Tu pojawi się wynik</div>

Dlaczego taki błąd ?

próbowałem z ParseInt ale nadal to samo

 

Answer 1

Zamiast poprawiać ten kod, proponuję kilka spraw:

1. doczytaj jak dokładnie działa eval, a następnie zapomnij o tej funkcji,
2. poczytaj o addEventListener
3. poczytaj o funkcjach i zasięgach w JS.
4. Poczytaj tak przyszłościowo o preventDefault dla formularzy.

Proponuję, abyś po przerobieniu ww. zagadnień napisał kod jeszcze raz i wtedy postaramy Ci się pomóc jeśli będą jakieś błędy. Myślę, że źle się zabrałeś do tego całego zadania i nie warto brnąć w usprawnianie Twojego eval żebyś zbyt mocno się do tego nie przyzwyczaił, bo to na prawdę nic dobrego, a może tylko zaszkodzić (to, że funkcja eval istnieje w JS nie oznacza, że warto z niej korzystac).