sebdeckers · November 23, 2015 16:07
diff --git a/README.md b/README.md
diff --git a/address.json b/address.json
 {
  "street": "Keong Saik Rd",
  "office": "The Working Capitol",
  "openingHour": 9,
  "closingHour": 10
 }
diff --git a/application.js b/application.js
 var myElement = 'input'
 var inputBox = document.querySelector(myElement)
 inputBox.value = 'Sebastiaan'
 document.querySelector('h1').textContent = inputBox.value

 inputBox.addEventListener('keypress', function (event) {
  console.log(event)
  fetch('address.json?name=' + inputBox.value).then(function (response) {
    response.json().then(function (data) {
      // console.log(data)
      document.querySelector('h1').textContent = data.office
    })
  })
 })
diff --git a/homepage.css b/homepage.css
 body {
  background-color: #A200B3;
 }
 h1 {
  color: #A200B3;
  font-size: 72px;
  font-family: monospace;
  background-color: pink;
 }
 img {
  width: 100px;
 }
 footer a {
  color: red;
  text-decoration: none;
 }
 input {
  padding: 10px;
  font-size: 32pt;
  border: none;
 }
 input:focus {
  outline: none;
  background-color: black;
  color: white;
 }
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
  <head>
    <link rel="stylesheet" href="homepage.css">
    <script defer src="application.js"></script>
  </head>
  <body>
    <h1>Welcome to Programming!</h1>
    <a href="http://generalassemb.ly/">General Assembly</a>
    <input placeholder="What is your name?">
    <img src="https://media.giphy.com/media/kVXtSmeOZoRIQ/giphy.gif">
    <p>Bacon ipsum dolor amet capicola meatball kielbasa, cow tail sausage drumstick salami. Venison shank cupim beef ribs brisket turducken. Venison ribeye tail, spare ribs swine short loin biltong shank chicken boudin andouille corned beef brisket alcatra pancetta. Biltong doner ball tip beef. Turducken beef strip steak frankfurter meatloaf landjaeger corned beef rump. Spare ribs boudin chuck alcatra ham hock sausage tongue.</p>
    <p>Corned beef pork belly spare ribs bacon. Meatball ground round strip steak tongue t-bone chuck. Picanha bresaola andouille pastrami porchetta. Biltong ribeye salami ball tip kielbasa beef, short loin pancetta ground round corned beef. Hamburger doner salami tongue drumstick, ball tip chicken porchetta pork chop turkey tail meatball short ribs flank capicola. Capicola turducken filet mignon pastrami ground round short ribs spare ribs. Short loin pork pork belly swine pork loin, bresaola picanha beef.</p>
    <p>Fatback ham jerky jowl, frankfurter t-bone doner. Doner ham beef ribs, tri-tip t-bone pork chuck leberkas ground round alcatra rump. Sausage leberkas pork jowl. Cupim ball tip hamburger beef ribs, filet mignon kielbasa picanha sirloin kevin pig tongue pork chop ham hock doner porchetta. Brisket strip steak shank doner beef meatloaf jerky t-bone kielbasa pancetta bacon fatback.</p>
    <footer>
      <a href="https://github.com/cbas">Home</a>
    </footer>
  </body>
 </html>
	{
	"street": "Keong Saik Rd",
	"office": "The Working Capitol",
	"openingHour": 9,
	"closingHour": 10
	}
	var myElement = 'input'
	var inputBox = document.querySelector(myElement)
	inputBox.value = 'Sebastiaan'
	document.querySelector('h1').textContent = inputBox.value

	inputBox.addEventListener('keypress', function (event) {
	console.log(event)
	fetch('address.json?name=' + inputBox.value).then(function (response) {
	response.json().then(function (data) {
	// console.log(data)
	document.querySelector('h1').textContent = data.office
	})
	})
	})
	body {
	background-color: #A200B3;
	}
	h1 {
	color: #A200B3;
	font-size: 72px;
	font-family: monospace;
	background-color: pink;
	}
	img {
	width: 100px;
	}
	footer a {
	color: red;
	text-decoration: none;
	}
	input {
	padding: 10px;
	font-size: 32pt;
	border: none;
	}
	input:focus {
	outline: none;
	background-color: black;
	color: white;
	}
	<!DOCTYPE html>
	<html>
	<head>
	<link rel="stylesheet" href="homepage.css">
	<script defer src="application.js"></script>
	</head>
	<body>
	<h1>Welcome to Programming!</h1>
	<a href="http://generalassemb.ly/">General Assembly</a>
	<input placeholder="What is your name?">
	<img src="https://media.giphy.com/media/kVXtSmeOZoRIQ/giphy.gif">
	<p>Bacon ipsum dolor amet capicola meatball kielbasa, cow tail sausage drumstick salami. Venison shank cupim beef ribs brisket turducken. Venison ribeye tail, spare ribs swine short loin biltong shank chicken boudin andouille corned beef brisket alcatra pancetta. Biltong doner ball tip beef. Turducken beef strip steak frankfurter meatloaf landjaeger corned beef rump. Spare ribs boudin chuck alcatra ham hock sausage tongue.</p>
	<p>Corned beef pork belly spare ribs bacon. Meatball ground round strip steak tongue t-bone chuck. Picanha bresaola andouille pastrami porchetta. Biltong ribeye salami ball tip kielbasa beef, short loin pancetta ground round corned beef. Hamburger doner salami tongue drumstick, ball tip chicken porchetta pork chop turkey tail meatball short ribs flank capicola. Capicola turducken filet mignon pastrami ground round short ribs spare ribs. Short loin pork pork belly swine pork loin, bresaola picanha beef.</p>
	<p>Fatback ham jerky jowl, frankfurter t-bone doner. Doner ham beef ribs, tri-tip t-bone pork chuck leberkas ground round alcatra rump. Sausage leberkas pork jowl. Cupim ball tip hamburger beef ribs, filet mignon kielbasa picanha sirloin kevin pig tongue pork chop ham hock doner porchetta. Brisket strip steak shank doner beef meatloaf jerky t-bone kielbasa pancetta bacon fatback.</p>
	<footer>
	<a href="https://github.com/cbas">Home</a>
	</footer>
	</body>
	</html>