Hjälp med 'localstorage' HTML / JS
Hejsan alla!
Jag försöker förstå mig på och använda 'Localstorage' på en webbsida, men jag har stött på flera problem som jag ej förstår mig på.
Problem 1:
HTML:
<div id="form">
<fieldset>
<input id="firstName" type="text" name="firstname" value="Ditt förnamn">
<input id="secondName" type="text" name="lastname" value="Ditt efternamn">
<button onClick="saveNames()">Spara ditt namn!</button>
<p id="writeName"><i>Ditt namn visas här</i></p>
</fieldset>
</div>
Javascript:
function saveNames(){
var inputFirstName = document.getElementById("firstName").value;
var inputSecondName = document.getElementById("secondName").value;
alert("Du heter "+inputFirstName+" "+inputSecondName+"!");
localStorage.setItem("storedName", inputFirstName + " " + secondName);
document.getElementById("writeName").innerHTML=localStorage.getItem("storedName");
}
Innan jag kallat på funktionen:
efter jag tryckt på knappen och kallat funktionen:
fråga 1:
Varför skriver den inte ut resten av namnet, utan istället "[object HTMLInputElement]"?
fråga 2:
När jag trycker på knappen kommer alert rutan upp, men när jag trycker mig förbi den skriver den inte ut namnet, utan det är bara där i mindre än en sekund innan det försvinner och ersätts med "Ditt namn visas här" igen.. någon som kan förstå varför?
Tack på förhand!