Forum Mjukvara Programmering och digitalt skapande Tråd

Javascript, summera 2 inputs utan att klicka på nån knapp.

1
Skriv svar
Permalänk
Medlem
●

Javascript, summera 2 inputs utan att klicka på nån knapp.

Jag vill summera ihop summan av två fält i ett tredje direkt i browsern. Kan inget om javascript och min googling gav mig inget användbart.
Tacksam för hjälp.

Tal 1: <input name="tal1"><br>
Tal 2: <input name="tal2"><br>
Summa: <input name="summa">
Visa signatur

Livets 3 pelare:
SEX, MAT & KAFFE.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

När ska det summeras då? När det regnar i sahara? När det snöar i juli? När användaren tabbar ur en av rutorna? Den dagen jag vinner en miljon?

Du få ge oss lite mer kött på benen om vi ska kunna lösa ditt problem.

Visa signatur

Jag är en optimist; det är aldrig så dåligt så att det inte kan bli sämre.

Redigera
Citera flera Citera
Permalänk
Medlem
●
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>Hej jag orkar inte lösa saker själv!</title>
		<script type="text/javascript">
			function Update()
			{
				document.getElementById('output').value = (parseInt(document.getElementById('input1').value) + parseInt(document.getElementById('input2').value));
			}
		</script>
	</head>
	<body>
		<form>
			<input id="input1" type="text" name="input1" onkeyup="Update();" />
			<input id="input2" type="text" name="input2" onkeyup="Update();" />
			<input id="output" type="text" name="output" />
		</form>
	</body>
</html>
Visa signatur

eSport Sverige

Redigera
Citera flera Citera
Permalänk
Medlem
●

Tusen tack :).
Anpassade det för att passa mitt endamål :).

Visa signatur

Livets 3 pelare:
SEX, MAT & KAFFE.

Redigera
Citera flera Citera
Permalänk
Medlem
●
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 

"http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>Hej jag orkar inte lösa saker själv!</title>
		<script type="text/javascript">
			function Update()
			{
				document.getElementById('output').value = 

(parseFloat(document.getElementById('input1').value) + parseFloat

(document.getElementById('input2').value) + parseFloat(document.getElementById

('input3').value));
			}
		</script>
	</head>
	<body>
		<form>
			<input id="input1" type="text" name="input1" 

onkeyup="Update();" />
			<input id="input2" type="text" name="input2" 

onkeyup="Update();" />
			<input id="input3" type="text" name="input3" 

onkeyup="Update();" />

<input id="output" type="text" name="output" />
		</form>
	</body>
</html>

Nu har jag decimaltal, men vill avrunda till 2 decimaler. Vill någon hjälpa den late?

Visa signatur

Livets 3 pelare:
SEX, MAT & KAFFE.

Redigera
Citera flera Citera
Permalänk
Medlem
●
function Update()
{
	document.getElementById('output').value = (parseFloat(document.getElementById('input1').value) + parseFloat(document.getElementById('input2').value)).toFixed(2);
}
Visa signatur

eSport Sverige

Redigera
Citera flera Citera
Permalänk
Medlem
●

Tusen tack :).
Att det var så enkelt dock :o.

Visa signatur

Livets 3 pelare:
SEX, MAT & KAFFE.

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara