Adapt CookieStore change event to new structure

files/en-us/_redirects.txt

@@ -7486,6 +7486,7 @@
 /en-US/docs/Web/API/Constraint_validation/invalid_event	/en-US/docs/Web/API/HTMLInputElement/invalid_event
 /en-US/docs/Web/API/ConvolverNode.buffer	/en-US/docs/Web/API/ConvolverNode/buffer
 /en-US/docs/Web/API/ConvolverNode.normalize	/en-US/docs/Web/API/ConvolverNode/normalize
+/en-US/docs/Web/API/CookieStore/onchange	/en-US/docs/Web/API/CookieStore/change_event
 /en-US/docs/Web/API/Coordinates	/en-US/docs/Web/API/GeolocationCoordinates
 /en-US/docs/Web/API/Coordinates.accuracy	/en-US/docs/Web/API/GeolocationCoordinates/accuracy
 /en-US/docs/Web/API/Coordinates.altitude	/en-US/docs/Web/API/GeolocationCoordinates/altitude

files/en-us/web/api/cookiestore/change_event/index.md

@@ -0,0 +1,51 @@
+---
+title: 'CookieStore: change event'
+slug: Web/API/CookieStore/change_event
+tags:
+  - API
+  - Reference
+  - Event
+  - change
+  - onchange
+  - CookieStore
+browser-compat: api.CookieStore.change_event
+---
+{{securecontext_header}}{{DefaultAPISidebar("Cookie Store API")}}
+
+A `change` event is fired at a {{domxref("CookieStore")}} object when a change is made to any cookie.
+
+## Syntax
+
+Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.
+
+```js
+cookieStore.addEventListener('change', event => { })
+
+cookieStore.onchange = event => { }
+```
+
+## Examples
+
+To be informed when a cookie has changed, you can add a handler to the `cookieStore` instance using {{domxref("EventTarget.addEventListener", "addEventListener()")}}, like this:
+
+```js
+cookieStore.addEventListener('change', function(event) {
+  console.log('1 change event');
+});
+```
+
+Alternatively, you can use the `CookieStore.onchange` event handler property to establish a handler for the `change` event:
+
+```js
+cookieStore.onchange = function(event) {
+    console.log('1 change event');
+};
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}

files/en-us/web/api/cookiestore/index.md

@@ -16,13 +16,6 @@ The `CookieStore` is accessed via attributes in the global scope in a {{domxref(
 
 {{InheritanceDiagram}}
 
-## Properties
-
-### Event handlers
-
-- {{domxref("CookieStore.onChange")}}
-  - : The `onchange` EventHandler is called whenever a cookie is changed.
-
 ## Methods
 
 - {{domxref("CookieStore.delete()")}}
@@ -34,6 +27,11 @@ The `CookieStore` is accessed via attributes in the global scope in a {{domxref(
 - {{domxref("CookieStore.set()")}}
   - : The `set()` method sets a cookie with the given name and value or options object, it returns a {{jsxref("Promise")}} that resolves when the cookie is set.
 
+## Events
+
+- {{domxref("CookieStore.change_event")}}
+  - : The `change` event fires when a change is made to any cookie.
+
 ## Examples
 
 In this example we set a cookie and write to the console feedback as to whether the operation succeeded or failed.