2 files changed, 67 insertions, 20 deletions
diff --git a/files/es/web/api/batterymanager/onchargingchange/index.html b/files/es/web/api/batterymanager/onchargingchange/index.html
deleted file mode 100644
index 2688bfc3aa..0000000000
--- a/files/es/web/api/batterymanager/onchargingchange/index.html
+++ /dev/null
@@ -1,20 +0,0 @@
----
-title: BatteryManager.onchargingchange
-slug: Web/API/BatteryManager/onchargingchange
-translation_of: Web/API/BatteryManager/onchargingchange
----
-<p>{{ APIRef("BatteryManager") }}</p>
-<h2 id="Summary" name="Summary">Resumen</h2>
-<p>Especifica un evento oyente para recibir eventos {{event("chargingchange")}}. Estos eventos se producen cuando se actualiza el estado de la batería {{domxref("BatteryManager.charging", "charging")}}.</p>
-<h2 id="Syntax" name="Syntax">Sintaxis</h2>
-<pre class="syntaxbox">navigator.battery.onchargingchange = funcRef</pre>
-<p>Donde <code><em>funcRef</em></code> es una función para llamar cuando se produce el evento {{event("chargingchange")}}.</p>
-<h2 id="Especificaciones">Especificaciones</h2>
-<p>{{page("/en-US/docs/Web/API/BatteryManager","Specifications")}}</p>
-<h2 id="Compatibilidad_con_navegadores">Compatibilidad con navegadores</h2>
-<p>{{page("/en-US/docs/Web/API/BatteryManager","Browser_compatibility")}}</p>
-<h2 id="Ver_también">Ver también</h2>
-<ul>
-  <li>{{domxref("BatteryManager")}}</li>
-  <li>{{domxref("window.navigator.battery","navigator.battery")}}</li>
-</ul>
diff --git a/files/es/web/api/batterymanager/onchargingchange/index.md b/files/es/web/api/batterymanager/onchargingchange/index.md
new file mode 100644
index 0000000000..24730b2c4c
--- /dev/null
+++ b/files/es/web/api/batterymanager/onchargingchange/index.md
@@ -0,0 +1,67 @@
+---
+title: BatteryManager.onchargingchange
+slug: Web/API/BatteryManager/onchargingchange
+tags:
+  - API
+  - Battery API
+  - Event Handler
+  - NeedsMarkupWork
+  - Property
+  - Reference
+translation_of: Web/API/BatteryManager/onchargingchange
+browser-compat: api.BatteryManager.onchargingchange
+---
+{{deprecated_header}}
+
+{{APIRef("Battery API")}}
+
+Especifica un evento que escucha para recibir eventos {{event("chargingchange")}}. Estos eventos se producen cuando se actualiza el estado de la batería {{domxref("BatteryManager.charging", "charging")}}.
+
+## Sintaxis
+
+```js
+battery.onchargingchange = funcRef
+```
+
+Donde `battery` es un objeto {{domxref("BatteryManager")}}, y `funcRef` es una función para llamar cuando se produce el evento {{event("chargingchange")}}.
+
+## Ejemplo
+
+### Contenido HTML
+
+```html
+<div id="level">(nivel de batería desconocido)</div>
+<div id="chargingTime">(tiempo de carga desconocido)</div>
+```
+
+### Contenido JavaScript
+
+```js
+navigator.getBattery().then(function(battery) {
+
+   battery.onchargingchange = chargingChange();
+
+   function chargingChange() {
+      document.querySelector('#level').textContent = battery.level;
+      document.querySelector('#chargingTime').textContent = battery.chargingTime;
+   }
+});
+```
+
+### Resultado
+
+{{EmbedLiveSample('', '100%', 40)}}
+
+## Especificaciones
+
+{{Specifications}}
+
+## Compatibilidad con navegadores
+
+{{Compat}}
+
+## Ver también
+
+- {{domxref("BatteryManager")}}
+- {{domxref("Navigator.getBattery")}}
+