jak dodać liczby w formularzu

Question

cześć 

 

Chce dodać 16 liczb, które znajdują się w polu input tekst, mam z tym problem raz działa z kilkoma liczbami, a reszty się nie udaje dodać. Chce żeby były ustawione domyślne wartości i po kliknięciu dodaje liczby 

 

<table style="margin: 0 auto; border-collapse: collapse" border="1" cellpadding="7">
		<tr>
			<td></td>		<td><input type="text" value="1" id="liczba1" /></td></tr><tr>
			<td></td>		<td><input type="text" value="1" id="liczba2" /></td></tr><tr>
			<td></td>		<td><input type="text" value="0" id="liczba3" /></td></tr><tr>
			<td></td>		<td><input type="text" value="1" id="liczba4" /></td></tr><tr>
			<td></td>		<td><input type="text" value="1" id="liczba5" /></td></tr><tr>
			<td></td>		<td><input type="text" value="1" id="liczba6" /></td></tr><tr>
			<td></td>		<td><input type="text" value="0" id="liczba7" /></td></tr><tr>
			<td></td>		<td><input type="text" value="1" id="liczba8" /></td></tr><tr>
			<td></td>		<td><input type="text" value="0" id="liczba9" /></td></tr><tr>
			<td></td>		<td><input type="text" value="1" id="liczba10" /></td></tr><tr>
			<td></td>		<td><input type="text" value="1" id="liczba11" /></td></tr><tr>
			<td></td>		<td><input type="text" value="1" id="liczba12" /></td></tr><tr>
			<td></td>		<td><input type="text" value="1" id="liczba13" /></td></tr><tr>
			<td></td>		<td><input type="text" value="1" id="liczba14" /></td></tr><tr>
			<td></td>		<td><input type="text" value="0" id="liczba15" /></td></tr><tr>
			<td></td>		<td><input type="text" value="1" id="liczba16" /></td></tr><tr>

		</tr>
		</table>
		
		<input type="submit" onclick="oblicz()" value="oblicz" style="margin: 10px auto; display: block;"/> 

to jest kod js nie daje bo nie mam sensu, robię to w ten sposób var liczba2 = document.getElementById("liczba2").value; i później chce chce je sumowac dla nie działa wychodzi ciąg tych liczb,

Answer 1

Hint: parseInt dla tego, co wyciągasz z formularza i dopiero wówczas dodawaj.

Answer 2

Ciąg liczb wychodzi ponieważ pobierając value jednego i dodając kolejne łączysz te value w stringa. Możesz użyć funkcji parseInt() żeby zamieniać wartość na typ całkowitoliczbowy. Możliwe że zmiana typu inputa z text na liczba by mógł pomóc też, ale co do tego nie jestem pewny, możesz sprawdzić sam ;)

Comments

Nie, zmiana typu pola nie pomaga – zawsze jest zwracany string.