WN - Litet Javascript bekymmer...

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Litet Javascript bekymmer... (https://www.wn.se/forum/showthread.php?t=1061693)

Litet Javascript bekymmer...

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>

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

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...

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

Citat:

Ursprungligen postat av oskarh (Inlägg 20491571)

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!:)