Event page: Add syntax section, remove table (#10431)

files/en-us/web/api/xrlightprobe/reflectionchange_event/index.md

@@ -15,25 +15,21 @@ browser-compat: api.XRLightProbe.reflectionchange_event
 ---
 {{APIRef("WebXR Device API")}}
 
-The WebXR **`reflectionchange`** event is passed to an {{domxref("XRLightProbe")}} each time the estimated reflection cube map changes. This happens in response to use movements through different lighting conditions or to direct changes to lighting itself.
-
-<table class="properties">
-  <tbody>
-    <tr>
-      <th>Cancelable</th>
-      <td>No</td>
-    </tr>
-    <tr>
-      <th>Interface</th>
-      <td>{{domxref("Event")}}</td>
-    </tr>
-    <tr>
-      <th>Event handler property</th>
-      <td><code>onreflectionchange</code></td>
-    </tr>
-  </tbody>
-</table>
+The WebXR **`reflectionchange`** event fires each time the estimated reflection cube map changes. This happens in response to use movements through different lighting conditions or to direct changes to lighting itself. This event is not cancelable.
 
+## Syntax
+
+Use the event name in methods like {{domxref("EventTarget.addEventListener", "addEventListener()")}}, or set an event handler property.
+
+```js
+addEventListener('reflectionchange', () => { });
+
+onreflectionchange = event => { });
+```
+
+## Event type
+
+{{domxref("Event")}}.
 
 ## Examples
 
@@ -56,8 +52,6 @@ lightProbe.addEventListener('reflectionchange', () => {
 The `reflectionchange` event is also available using the `onreflectionchange` event handler property.
 
 ```js
-const glBinding = new XRWebGLBinding(xrSession, gl);
-
 lightProbe.onreflectionchange = event => {
   glCubeMap = glBinding.getReflectionCubeMap(lightProbe);
 });