Hej! Jag lyckades inte riktigt beskriva mitt problem i rubriken då det blev för långt. I alla fall, jag har skapat en <form> i HTML, där användaren får fylla i uppgifter så som förnamn och efternamn. All info sparas med hjälp av JavaScript i variabler. Det jag vill ska hända när användaren klickar på "submit-knappen" är att informationen dels sparas, men även att användaren slussas vidare till en sida där den inskrivna informationen visas. Jag vet att detta knappast är användbart, men jag gör det som en övning för att lära mig, så inget tjat om att detta är efterblivet eller att man aldrig skulle göra detta på riktigt, tack.
Min kod:
För att sammanfatta. Jag vill att, när användaren klickar på knappen, att dels informationen sparas i dessa variabler som ni kan se innanför <script>-taggarna, men även att användaren slussas vidare till en ny .html-sida där jag kommer använda typ document.write för att till exempel skriva "Hej Claes Andersson, en Glock 9 är påväg till Exempelvägen 7, där du bor!"
Andra funktioner jag skulle vilja implementera efter att problemet är löst:
- Att alla fält måste vara ifyllda innan användaren kan trycka på "submit"-knappen.
- Att "password1" och "password2" måste matcha för att användaren ska kunna trycka på "submit"-knappen. Jag tror att jag är nära när jag misstänker att jag borde använda ett if/else-statement för detta men vet inte riktigt hur jag ska koda för att få sidan att visa ett felmeddelande när detta inte stämmer.
Tack på förhand.
Min kod:
HTML-kod:
<!DOCTYPE html> <html> <head> <title>Form</title> <meta charset="UTF-8"> <link rel="stylesheet" href="Form.css"> <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> </head> <body> <div class="formcontainer"> <h1>Registration form</h1> <form> <input type="text" id="firstname" placeholder="First name"> <input type="text" id="lastname" placeholder="Last name"> <input type="text" id="adress" placeholder="Adress"> <input type="password" id="password1" placeholder="Password"> <input type="password" id="password2" placeholder="Confirm password"> <button type="button" onclick="getInfo()">Submit</button> </form> <script> function getInfo(){ var firstname = document.getElementById("firstname").value var lastname = document.getElementById("lastname").value var adress = document.getElementById("adress").value var password1 = document.getElementById("password1").value var password2 = document.getElementById("password2").value } </script> </div> </body> </html>
För att sammanfatta. Jag vill att, när användaren klickar på knappen, att dels informationen sparas i dessa variabler som ni kan se innanför <script>-taggarna, men även att användaren slussas vidare till en ny .html-sida där jag kommer använda typ document.write för att till exempel skriva "Hej Claes Andersson, en Glock 9 är påväg till Exempelvägen 7, där du bor!"
Andra funktioner jag skulle vilja implementera efter att problemet är löst:
- Att alla fält måste vara ifyllda innan användaren kan trycka på "submit"-knappen.
- Att "password1" och "password2" måste matcha för att användaren ska kunna trycka på "submit"-knappen. Jag tror att jag är nära när jag misstänker att jag borde använda ett if/else-statement för detta men vet inte riktigt hur jag ska koda för att få sidan att visa ett felmeddelande när detta inte stämmer.
Tack på förhand.