Simple Interactions
Simple interactions, when used properly, can create memorable online experiences. On your class website home page, I want you to create a simple interaction with JavaScript (using jQuery). Use an event to make something dynamic happen.

Remember that you’ll need to include the jQuery library before your JavaScript file. In your html document, that will look something like this:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <!-- Your page structure goes here -->

  <!-- JavaScript files are included at the end. jQuery is included before main.js -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="main.js"></script>
</body>
</html>

jQuery Events


Some of the most common events that you may want to use are:

Inspiration