Wyświetlanie wyniku programu problem

pytanie zadane 24 września 2016 w JavaScript przez Bartosz Umiński Początkujący (270 p.)
zamknięte 24 września 2016 przez Bartosz Umiński

Witam!

Chcę aby w programie wynik wyświetlał mi się w polach takich w jakich wpisuje wartości.

Nie wiem gdzie popełniłem błąd, może trzeba to zrobić innym sposobem? Jakim?

Proszę o pomoc.

<!DOCTYPE html>
<html lang="pl">
<html>
	<head>
		<meta charset="utf-8" />

		<script type="text/javascript">

			function wypisz()
			{
        			var liczba1 = document.getElementById("pole1").value;
				var liczba2 = document.getElementById("pole2").value;
				var a = parseInt(liczba1);
				var b = parseInt(liczba2);
				var c = a + b;
				var napis = "";
				var wynik = 0;
	
				for (i=a; i<c; i++)
				{
	 				napis = napis + i + " ";
	 				wynik = wynik + i;
				}
				document.getElementById("wynik1").innerHTML = napis;
				document.getElementById("wynik2").innerHTML = wynik;
			}
	
		</script>

	</head>
	<body>

		<input type="text" id="pole1"/>
		<input type="text" id="pole2"/>
		<input type="submit" value="Pokaż" onclick="wypisz()"/>
		
		<form name="wynik1" id="wynik1">
		Wyrazy ciągu:<input type="text" name="wynik1"><br>
		</form>
		<form name="wynik2" id="wynik2">
		Suma wyrazów ciagu:<input type="text" name="wynik2"><br>
		</form>



	</body>
</html>

komentarz zamknięcia: Problem rozwiązany.

2 odpowiedzi

odpowiedź 24 września 2016 przez ScriptyChris Mędrzec (190,190 p.)
edycja 24 września 2016 przez ScriptyChris

Najlepsza

Popełniłeś (z tego, co widzę) dwa błędy:

```
<form name="wynik1" id="wynik1">
```
Nadajesz ID elementowi <form> a w JS chcesz raczej odwołać się do <input>, więc atrybut id="wynik1" (analogicznie w drugim formularzu) przenieść do zagnieżdżonego tagu <input>
Gdy ID przeniesiesz z <form> na <input>, to wtedy chcąc w nim coś wpisać - musisz zastąpić metodę pole .innerHTML metodą polem .value