Bijesse · August 4, 2016 22:11
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
    <head>
        <title>Gravity Starter Code Click Once</title>
    </head>
    <body>
        <img id="pic" src="https://s-media-cache-ak0.pinimg.com/236x/24/2d/2e/242d2e2f40995f6f6ef2cd10a245c196.jpg">
        <div id="ground"></div>
    </body>
 </html>
diff --git a/script.js b/script.js
 //sets element to the variable $pic
 var $pic = $("#pic"); 

 $pic.click(function(){
   //Your code goes here
   $pic.css("top", $pic.offset().top + 10);
    });
    
    
    setInterval(function(){console.log("1 second");}, 1000);
    
    
diff --git a/styles.css b/styles.css
    #pic { 
        position: absolute;
        width: 50px;
        width: 60px;
        left: 50%;
        top: 5%;
    }
    
    #ground { 
        position: absolute;
        background-color: black;
        width: 100%;
        height: 20px;
        top: 95%;
    }
	<!DOCTYPE html>
	<html>
	<head>
	<title>Gravity Starter Code Click Once</title>
	</head>
	<body>
	<img id="pic" src="https://s-media-cache-ak0.pinimg.com/236x/24/2d/2e/242d2e2f40995f6f6ef2cd10a245c196.jpg">
	<div id="ground"></div>
	</body>
	</html>
	//sets element to the variable $pic
	var $pic = $("#pic");

	$pic.click(function(){
	//Your code goes here
	$pic.css("top", $pic.offset().top + 10);
	});


	setInterval(function(){console.log("1 second");}, 1000);