RCTumolac · December 7, 2016 23:47
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
    <head>
        <title>Name Exercise</title>
    </head>
    <body>
        
        <h1> What is your name? </h1>
        <input id = "Place" placeholder = "Your name here">
        <button id = "Button" > Say Hello! </button>
        
        <p></p>
        <img src = "http://img11.deviantart.net/55e0/i/2013/053/1/3/please_give_me_points_by_ninjas_r_us_comics-d5vsjtt.png" />
        
    </body>
 </html>
diff --git a/popcode.json b/popcode.json
 {"enabledLibraries":["jquery"]}
diff --git a/script.js b/script.js
 $("Button").click(function(){
    
    var Name = $("#Place").val();
    $("p").append("<p> Hi "+ Name +"</p>");
    
 });
diff --git a/styles.css b/styles.css

 #Place{
    height: 20px;
    width: 170px;
    color: gray;
    border-style: solid;
    border-color: black;
    float: left;
    border-width: 0.5px;
 }

 #Button{
    height: 20px;
    width: 75px;
    border-color: black;
    border-style: solid;
    float: left;
    border-width: 0.5px;
 }

 p{
    font-size: 50px;
    font-family: impact;
    display: block;
    clear: left;
 }
	<!DOCTYPE html>
	<html>
	<head>
	<title>Name Exercise</title>
	</head>
	<body>

	<h1> What is your name? </h1>
	<input id = "Place" placeholder = "Your name here">
	<button id = "Button" > Say Hello! </button>

	<p></p>
	<img src = "http://img11.deviantart.net/55e0/i/2013/053/1/3/please_give_me_points_by_ninjas_r_us_comics-d5vsjtt.png" />

	</body>
	</html>