First, open CodePen by visiting https://codepen.io and create a new project.

CodePen: How to create a new project

---

To create a new project or 'pen' in CodePen, open the website codepen.io and:

1. Click the 'Start Coding' button
2. This will create a new project (or 'pen') and bring you to online editor.

In this step, we will add the HTML structure for our Interactive Quiz Game. Add the following HTML code to the HTML section of your CodePen:

<h1>Interactive Quiz Game</h1>
<div id='quiz'></div>
<div id='result'></div>
<div id='score'></div>

Here's a brief explanation of each element:

• <h1>Interactive Quiz Game</h1>: This is the main heading of our quiz game.
• <div id='quiz'></div>: This div will contain the questions and answer options for our quiz.
• <div id='result'></div>: This div will display the result of the user's answer, whether it's correct or incorrect.
• <div id='score'></div>: This div will show the user's score when they complete the quiz.

Now let's add some styling to our HTML elements to make them look better.

Add the following CSS code to the CSS section of your CodePen:

body {
  font-family: Arial, sans-serif;
  background-color: #f0f0f0;
  padding: 20px;
}

h1 {
  text-align: center;
}

#quiz {
  background-color: #fff;
  padding: 20px;
  border-radius: 5px;
}

#next {
  display: block;
  margin: 20px auto;
  background-color: #007bff;
  border: none;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}

#next:hover {
  background-color: #0056b3;
}

#results {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}

Now, add the jQuery library to your project so you can use its features in your JavaScript code.

CodePen: How to add a JavaScript Library

---

To add a JavaScript library to your CodePen project, follow these steps:

1. Click on the 'Settings' button.
2. Click on 'JS' for the JavaScript settings.
3. In the 'Add External Scripts/Pens' section search for the JavaScript library you wish to add i.e. jQuery.
4. Click on the library you wish to add in the results that show.
5. Click the 'Close' button and the library is now available in your project.