Yioop - PHP Search Engine

April 6 Thread.

Post your answer's to the April 6 Lecture Let's Build Something here.

Best, Chris

Post your answer's to the April 6 Lecture Let's Build Something here. Best, Chris

-- April 6 Thread

  <!DOCTYPE html>
  <html>
  <head>
	<title></title>
  </head>
  <body>
	<form>
		<label for="First">First Name</label>
		<input id="First" type="text"/>
		<label for="Last">Last Name</label>
		<input id="Last" type="text"/>
		<label for="Age">Age</label>
		<input id="Age" type="text"/>
		<input type="submit" value="save" 
                    onclick="person = new Object(); 
                       person.fname = document.getElementById('First').value, 
                       person.lname = document.getElementById('Last').value, 
                       person.age = document.getElementById('Age').value;"/>
	</form>
	<a href="#" onclick="return display(person);">Show</a>
  <script type="text/javascript">
	function display(person) 
	{
		alert(person.fname + "\n" + person.lname + "\n" + person.age);
	}
  </script>
  </body>
  </html>

(Edited: 2016-04-06)

<!DOCTYPE html> <html> <head> <title></title> </head> <body> <form> <label for="First">First Name</label> <input id="First" type="text"/> <label for="Last">Last Name</label> <input id="Last" type="text"/> <label for="Age">Age</label> <input id="Age" type="text"/> <input type="submit" value="save" onclick="person = new Object(); person.fname = document.getElementById('First').value, person.lname = document.getElementById('Last').value, person.age = document.getElementById('Age').value;"/> </form> <a href="#" onclick="return display(person);">Show</a> <script type="text/javascript"> function display(person) { alert(person.fname + "\n" + person.lname + "\n" + person.age); } </script> </body> </html>

-- April 6 Thread

<!DOCTYPE html> <html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<form>
			First Name: <input type="text" name="fname" id="fname"></input>

			Last Name: <input type="text" name="lname" id="lname"></input>

			Age: <input type="text" name="age" id="age"></input>

			<button onclick="return createPerson('fname', 'lname', 'age')">Save</button>
		</form>
		


		<a id="link" href="" onclick="alertPerson()">Click me</a>

		
		<script type="text/javascript">
			var person = new Object();

			function createPerson(fname, lname, age)
			{
				person.fname = document.getElementById('fname').value;
				person.lname = document.getElementById('lname').value;
				person.age = document.getElementById('age').value;

				return false;
			}
			
			function alertPerson()
			{
				alert(person.fname + ' ' + person.lname + ' ' + person.age);
			}
						
		</script>
	</body>

</html>

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form> First Name: <input type="text" name="fname" id="fname"></input><br/> Last Name: <input type="text" name="lname" id="lname"></input><br/> Age: <input type="text" name="age" id="age"></input><br/> <button onclick="return createPerson('fname', 'lname', 'age')">Save</button> </form> <br/><br/> <a id="link" href="" onclick="alertPerson()">Click me</a><br/> <script type="text/javascript"> var person = new Object(); function createPerson(fname, lname, age) { person.fname = document.getElementById('fname').value; person.lname = document.getElementById('lname').value; person.age = document.getElementById('age').value; return false; } function alertPerson() { alert(person.fname + ' ' + person.lname + ' ' + person.age); } </script> </body> </html>

-- April 6 Thread

Looks good

-- April 6 Thread

<html> <head></head> <body> <form> <label>FirstName</label> <input type="text" id="fname"> <label>Last Name</label> <input type="text" id="lname"> <label>Age </label> <input type="text" id="age"> <input type="button" value="submit" onclick="saveObject()"> </form> </body> <script type="text/javascript"> function saveObject() {

	// body...
	var obj=new Object();
	obj.fname=document.getElementById('fname').value;
	obj.lname=document.getElementById('lname').value;
	obj.age=document.getElementById('age').value;

	alert("fname"+"="+obj.fname+";lname"+"="+obj.lname+";age"+"="+obj.age);

} </script> </html>

<html> <head></head> <body> <form> <label>FirstName</label> <input type="text" id="fname"> <label>Last Name</label> <input type="text" id="lname"> <label>Age </label> <input type="text" id="age"> <input type="button" value="submit" onclick="saveObject()"> </form> </body> <script type="text/javascript"> function saveObject() { // body... var obj=new Object(); obj.fname=document.getElementById('fname').value; obj.lname=document.getElementById('lname').value; obj.age=document.getElementById('age').value; alert("fname"+"="+obj.fname+";lname"+"="+obj.lname+";age"+"="+obj.age); } </script> </html>