thomasorten/skjematest.html

## skjematest.html
<!DOCTYPE html>
<html>
	<head>
		<title>Title of the document</title>
	</head>
	<body>

		<form action="#" id="skjema" onsubmit="event.preventDefault(); sendForm()">

		    <label for="">Title</label>
		    <input type="radio" value="mr" /> Mr
		    <input type="radio" value="mrs" /> Mrs
		    <input type="radio" value="ms" /> Miss

		    <br />

		    <label for="first">First name</label>
		    <input type="text" id="first" name="firstname" />

		    <br />

		    <label for="last">Last name</label>
		    <input type="text" id="last" name="lastname" />

		    <br />

		    <label for="email">Email</label>
		    <input type="email" id="email" name="email" />

		    <br />

		    <label for="phone">Phone number</label>
		    <input type="number" id="phone" name="phone" />

		    <br />

		    <label for="pass">Password</label>
		    <input type="password" id="pass" name="pass" />

		    <br />

		    <label for="repeat">Repeat password</label>
		    <input type="password" id="repeat" name="repeat" />

		    <br />

		    <label for="country">Country</label>
		    <select name="country" id="country">
		      <option value="canada">Canada</option>
		      <option value="norway">Norway</option>
		    </select>

		    <br />

		    <input type="checkbox" name="agree" />
		    <label for="">I agree to the <a href="terms.html">terms and conditions</a></label>

		    <br />

			<input type="submit" value="Sign Up" />

		</form>

		<br />

		<br />

		<button onclick="clickMe()">Klikk her</button>

		<ul id="liste">
			<li>Punkt 1</li>
		</ul>

		<script>


		// sendForm kjøres på onsubmit-funksjonen på skjemaet, etter at vi klikker på input-elementet
		// av type="submit". Vi kjører event.preventDefault() for å forhindre at skjemaet sendes og
		// siden lastes på nytt. Vi henter ut verdien av det vi eventuelt skriver i input-feltet med
		// id="first". Dette kjører vi ut i debuggeren.

		function sendForm(event) {

			var firstName = document.getElementById("first").value;

			console.log(firstName);

			return false;

		}

		// clickMe kjøres onclick på <button> elementet

		function clickMe() {
			document.getElementById("skjema").style.backgroundColor = "red";
		}

		// Legg til liste-element med en gang!

		var liste = document.getElementById("liste");
		var li = document.createElement("li");
		li.innerHTML = "Punkt to fra javascript";
		liste.appendChild(li);

		</script>

	</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Title of the document</title>
	</head>
	<body>

	<form action="#" id="skjema" onsubmit="event.preventDefault(); sendForm()">

	<label for="">Title</label>
	<input type="radio" value="mr" /> Mr
	<input type="radio" value="mrs" /> Mrs
	<input type="radio" value="ms" /> Miss

	<br />

	<label for="first">First name</label>
	<input type="text" id="first" name="firstname" />

	<br />

	<label for="last">Last name</label>
	<input type="text" id="last" name="lastname" />

	<br />

	<label for="email">Email</label>
	<input type="email" id="email" name="email" />

	<br />

	<label for="phone">Phone number</label>
	<input type="number" id="phone" name="phone" />

	<br />

	<label for="pass">Password</label>
	<input type="password" id="pass" name="pass" />

	<br />

	<label for="repeat">Repeat password</label>
	<input type="password" id="repeat" name="repeat" />

	<br />

	<label for="country">Country</label>
	<select name="country" id="country">
	<option value="canada">Canada</option>
	<option value="norway">Norway</option>
	</select>

	<br />

	<input type="checkbox" name="agree" />
	<label for="">I agree to the <a href="terms.html">terms and conditions</a></label>

	<br />

	<input type="submit" value="Sign Up" />

	</form>

	<br />

	<br />

	<button onclick="clickMe()">Klikk her</button>

	<ul id="liste">
	<li>Punkt 1</li>
	</ul>

	<script>


	// sendForm kjøres på onsubmit-funksjonen på skjemaet, etter at vi klikker på input-elementet
	// av type="submit". Vi kjører event.preventDefault() for å forhindre at skjemaet sendes og
	// siden lastes på nytt. Vi henter ut verdien av det vi eventuelt skriver i input-feltet med
	// id="first". Dette kjører vi ut i debuggeren.

	function sendForm(event) {

	var firstName = document.getElementById("first").value;

	console.log(firstName);

	return false;

	}

	// clickMe kjøres onclick på <button> elementet

	function clickMe() {
	document.getElementById("skjema").style.backgroundColor = "red";
	}

	// Legg til liste-element med en gang!

	var liste = document.getElementById("liste");
	var li = document.createElement("li");
	li.innerHTML = "Punkt to fra javascript";
	liste.appendChild(li);

	</script>

	</body>
	</html>