Untitled

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Smart Greeting</title>
</head>
<body>
<h1>International Greeting Program</h1>
<p>Fill in your name and the program will greet you.</p>
First Name: <input type="text" id="firstName">
<select id="language">
	<option value="english">English</option>
    <option value="spanish">Spanish</option>
    <option value="german">German</option>
    <option value="swahili">Swahili</option>
</select>

<button type="button" onClick="greeting()">Click Here</button>
<br><br>
<p id="message">Print greeting here.</p>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<footer><p id="localTime">Print date here...</p>&copy; William Rosenberg 2014</footer>


<script>
	var fName = document.getElementById("firstName");
	var lang = document.getElementById("language");
	var d = new Date();
	var h = d.getHours();

	function greeting() {
		if (lang.value === "english") {
			var myGreeting = "Hello, " + fName.value + " how are you?"
			}
		else if (lang.value === "spanish") {
			var myGreeting = "Hola, " + fName.value + " como estas?"
			}
		else if (lang.value === "german") {
			var myGreeting = "Hallo, " + fName.value + " wie geht es dir?"
			}
		else if (lang.value === "swahili") {
			var myGreeting = "Salamu, " + fName.value + " jinsi ni wewe?"
			}
		document.getElementById("message").innerHTML = myGreeting;
		}
		document.getElementById("localTime").innerHTML = d;
</script>
</body>
</html>