jQuery Online Editor & Compiler

index.html

styles.css

script.js

 <!DOCTYPE html>
<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <link rel="stylesheet" href="styles.css" />
</head>
<body>
  
  <h2 id="redElement">Click to color me in 'Red'</h2>
  <h2 id="blueElement">Click to color me in 'Blue'</h2>
  <h2 id="greenElement">Click to color me in 'Green'</h2>
  
  <!-- jQuery code-->
  <script src="script.js"></script>
  <!-- jQuery code-->
  
</body>
</html>