kyleturman · March 9, 2017 04:43
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
    <head>
        <title>Page Title</title>
    </head>
    <body>
        <div class="hero">
            <h1>Hello again!</h1>
        </div>
        
        <p>Welcome to my website! Enter your name below and click the button to say hello. But there's also a bug in the javascript! See if you can find it.</p>
        
        <input id='name' type='input' placeholder="Enter your name" />
        <button id='button'>Click to say hello</button>
    </body>
 </html>
diff --git a/popcode.json b/popcode.json
 {"enabledLibraries":["jquery"]}
diff --git a/script.js b/script.js
 // There's a bug here somewhere, where is it?
 function sayHello(name) {
    alert("Hello, " + name + "!");
 }

 $(document).ready(function(){

   $('#button').on('click', function(){
        var nameValue = $("#name").val();
        sayHello();
   }); 

 });
diff --git a/styles.css b/styles.css
 body {
    text-align: center;
    margin: 0;
 }

 .hero {
    background-color: blue;
    color: white;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
 }
	<!DOCTYPE html>
	<html>
	<head>
	<title>Page Title</title>
	</head>
	<body>
	<div class="hero">
	<h1>Hello again!</h1>
	</div>

	<p>Welcome to my website! Enter your name below and click the button to say hello. But there's also a bug in the javascript! See if you can find it.</p>

	<input id='name' type='input' placeholder="Enter your name" />
	<button id='button'>Click to say hello</button>
	</body>
	</html>
	// There's a bug here somewhere, where is it?
	function sayHello(name) {
	alert("Hello, " + name + "!");
	}

	$(document).ready(function(){

	$('#button').on('click', function(){
	var nameValue = $("#name").val();
	sayHello();
	});

	});