Litet Javascript bekymmer...

Bear · 2014-05-04, 17:01

Ohoy. Jag kan inte för mitt liv få det här att funka. Jag vill bara ta ett värde ur en formulär-textbox, göra lite beräkningar med det, å sen presentera det på nått sätt. Men jag lyckas inte skriva ut resultatet. Det enda som händer är att sidan "reloadar" :-( Har strippat bort allt onödigt här men det funkar ändå inte. Provat i Chrome & IE...

<head>
<script type="text/javascript">
function calculate (raknare) {
var texxt1 = document.getElementById("djup");
var texxt2 = document.getElementById("grader");
texxt2.value = texxt1.value + texxt1.value;
var div = document.getElementById("testDiv");
div.textContent = "svaret goddamnit:" + texxt2.value;
}
</script>
</head>
<body>
<form name="raknare" action="">
ruta1: <input type="text" name="djup" /> meter <br/>
ruta2: <input type="text" name="grader"/> grader <br/>
<input type="submit" name="knapp" id="knapp" value="Beräkna" onClick="calculate(this.raknare)"/> <br/>
svar: <input type="text" name="svar"/>
</form>

<div id="textDiv">HÄR</div>
</body>

tartareandesire · 2014-05-04, 17:30

Du försöker hämta värden med hjälp av id men du har bara name-attribut i html-koden.

Bear · 2014-05-04, 18:03

Hade råkat strippa bort det här. Men det fungerar inte med ID till "djup" & "grader" iaf. Om jag t.ex skriver "X" i den första rutan å sen trycker på knappen, så blinkar "XX" (som det ska) i en millisekund i den andra rutan, sen blir rutorna tomma igen...

oskarh · 2014-05-04, 18:38

När du trycker på submit-knappen så postas formuläret och sidan laddar om. Du måste förhindra att formdatan postas.

Bear · 2014-05-04, 19:43

Citat:

Ursprungligen postat av oskarh

När du trycker på submit-knappen så postas formuläret och sidan laddar om. Du måste förhindra att formdatan postas.

DÄR va det!

Ändrade "submit" till "button" & så funkar det som det ska! Hemskt mkt tack!

Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)

Menu

Litet Javascript bekymmer...