Implementing jQuery in HTml5

Implementing jQuery in HTml5

Our assignment is to  include jQuery elements, selectors and filters as well as event handlers in the code from the previous week. Here is what I have for the code. I am completely lost on this. Any help would be helpful.  

<html lang="en">
<head>
<title>Displaying Times and Dates</title>
</head>

<bold>
<h1>Current Date and Time</h1>
<script type="text/javascript">
now = new Date ();
localtime = now.toString();
utctime = now.toGMTString();
document.write("<p><strong>Local time:</strong>"
+ localtime + "</p>");
document.write("<p><strong>UTC time:</strong> " + utctime
+ "</p>");
  
var myDate = new Date(); 
  
  
/* hour is before noon */
if ( myDate.getHours() < 12 )  
    document.write("Good Morning!"); 
else  /* Hour is from noon to 5pm (actually to 5:59 pm) */
if ( myDate.getHours() >= 12 && myDate.getHours() <= 17 ) 
    document.write("Good Afternoon!"); 
else  /* the hour is after 5pm, so it is between 6pm and midnight */
if ( myDate.getHours() > 17 && myDate.getHours() <= 24 ) 
    document.write("Good Evening!"); 
else  /* the hour is not between 0 and 24, so something is wrong */
    document.write("I'm not sure what time it is!"); 
  
 
  
</script>