From 8bd05033b892c5e15f25d9c89001085595baef88 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Sat, 25 Apr 2026 07:11:54 +0000
Subject: [PATCH] Remove 'onsale' (new) tag from listings

Removes the 'onsale' class tag from all vacation/tour listing items
across exercises 04-08. Also removes the 'On Sale Now' filter button
and its associated event handler in exercise 07, as they are no longer
needed without the onsale tag.

Co-authored-by: James Mansfield <james.mansfield@gmail.com>
---
 04 Working-with-DOM /index.html      | 4 ++--
 05 Acting on interaction/index.html  | 4 ++--
 06 Data tags/index.html              | 4 ++--
 07 Event delegation/application.js   | 8 --------
 07 Event delegation/index.html       | 5 ++---
 08 Hover and click events/index.html | 4 ++--
 6 files changed, 10 insertions(+), 19 deletions(-)

diff --git a/04 Working-with-DOM /index.html b/04 Working-with-DOM /index.html
index dacd476..42b1ead 100644
--- a/04 Working-with-DOM /index.html	
+++ b/04 Working-with-DOM /index.html	
@@ -10,11 +10,11 @@ <h1>JQuery Play</h1>
     <p>This is the code I created when learning jQuery at <a href="http://try.jquery.com/">http://try.jquery.com/</a></p>
 
     <ul>
-      <li class="vacation onsale" data-price='199.99'>
+      <li class="vacation" data-price='199.99'>
         <h2>Hawaiian Vacation</h2>
         <button>Get price</button>
       </li>
-      <!-- <li class="vacation expiring onsale" data-price='299.99'>
+      <!-- <li class="vacation expiring" data-price='299.99'>
         <h2>Hawaiian Vacation</h2>
         <button>Get price</button>
       </li>
diff --git a/05 Acting on interaction/index.html b/05 Acting on interaction/index.html
index 37298a8..68cf4a9 100644
--- a/05 Acting on interaction/index.html	
+++ b/05 Acting on interaction/index.html	
@@ -10,11 +10,11 @@ <h1>JQuery Play</h1>
     <p>This is the code I created when learning jQuery at <a href="http://try.jquery.com/">http://try.jquery.com/</a></p>
 
     <ul>
-      <li class="vacation onsale" data-price='199.99'>
+      <li class="vacation" data-price='199.99'>
         <h2>Hawaiian Vacation</h2>
         <button>Get price</button>
       </li>
-      <li class="vacation expiring onsale" data-price='299.99'>
+      <li class="vacation expiring" data-price='299.99'>
         <h2>Hawaiian Vacation</h2>
         <button>Get price</button>
       </li>
diff --git a/06 Data tags/index.html b/06 Data tags/index.html
index 37298a8..68cf4a9 100644
--- a/06 Data tags/index.html	
+++ b/06 Data tags/index.html	
@@ -10,11 +10,11 @@ <h1>JQuery Play</h1>
     <p>This is the code I created when learning jQuery at <a href="http://try.jquery.com/">http://try.jquery.com/</a></p>
 
     <ul>
-      <li class="vacation onsale" data-price='199.99'>
+      <li class="vacation" data-price='199.99'>
         <h2>Hawaiian Vacation</h2>
         <button>Get price</button>
       </li>
-      <li class="vacation expiring onsale" data-price='299.99'>
+      <li class="vacation expiring" data-price='299.99'>
         <h2>Hawaiian Vacation</h2>
         <button>Get price</button>
       </li>
diff --git a/07 Event delegation/application.js b/07 Event delegation/application.js
index 91e69be..deb823c 100644
--- a/07 Event delegation/application.js	
+++ b/07 Event delegation/application.js	
@@ -15,14 +15,6 @@ $(document).ready(function() {
     $(this).remove();
   });
 
-  // This event handler waits for a click event on any element with class onsale-filter inside the id filters before executing the code inside
-  $('#filters').on('click', '.onsale-filter', function() {
-    // This removes any existing highlights first before applying the highlighting
-    $('.highlighted').removeClass('highlighted');
-    // Here we add a class highlighted to the class .onsale with any element with class vacation
-    $('.vacation').filter('.onsale').addClass('highlighted');
-  });
-
   // This event handler waits for a click event on any element with class expiring inside the id #filters before executing the code inside
   $('#filters').on('click', '.expiring-filter', function() {
     // This removes any existing highlights first before applying the highlighting
diff --git a/07 Event delegation/index.html b/07 Event delegation/index.html
index 7dc5863..a166190 100644
--- a/07 Event delegation/index.html	
+++ b/07 Event delegation/index.html	
@@ -9,16 +9,15 @@
     <h1>JQuery Play</h1>
     <p>This is the code I created when learning jQuery at <a href="http://try.jquery.com/">http://try.jquery.com/</a></p>
     <div id="filters">
-      <button class="onsale-filter">On Sale Now</button>
       <button class="expiring-filter">Expiring</button>
     </div>
 
     <ul>
-      <li class="vacation onsale" data-price='199.99'>
+      <li class="vacation" data-price='199.99'>
         <h2>Hawaiian Vacation</h2>
         <button>Get price</button>
       </li>
-      <li class="vacation expiring onsale" data-price='299.99'>
+      <li class="vacation expiring" data-price='299.99'>
         <h2>Hawaiian Vacation</h2>
         <button>Get price</button>
       </li>
diff --git a/08 Hover and click events/index.html b/08 Hover and click events/index.html
index 3a0b8af..ec9de59 100644
--- a/08 Hover and click events/index.html	
+++ b/08 Hover and click events/index.html	
@@ -14,10 +14,10 @@ <h3>Hover event</h3>
 
       <button class="expiring-filter">Click event</button>
       <ul class="ticket">
-        <li class="vacation onsale" data-price='199.99'>
+        <li class="vacation" data-price='199.99'>
           <h2>Hawaiian Vacation</h2>
         </li>
-        <li class="vacation expiring onsale" data-price='299.99'>
+        <li class="vacation expiring" data-price='299.99'>
           <h2>Hawaiian Vacation</h2>
         </li>
         <li class="vacation expiring" data-price='399.99'>