8. BatteryManager.onlevelchange [ES] (#4020)

* 8. BatteryManager.onlevelchange [ES]

- [x] change format form HTML to MD.
- [x] update the whole content file

Related #4019

* Update files/es/web/api/batterymanager/onlevelchange/index.md

* Update files/es/web/api/batterymanager/onlevelchange/index.md

Co-authored-by: David Brito <39559632+davbrito@users.noreply.github.com>

* Add suggestions

Co-authored-by: David Brito <39559632+davbrito@users.noreply.github.com>

2 files changed, 66 insertions, 20 deletions

diff --git a/files/es/web/api/batterymanager/onlevelchange/index.html b/files/es/web/api/batterymanager/onlevelchange/index.html
deleted file mode 100644
index 2b2e957619..0000000000
--- a/files/es/web/api/batterymanager/onlevelchange/index.html
+++ /dev/null
@@ -1,20 +0,0 @@
----
-title: BatteryManager.onlevelchange
-slug: Web/API/BatteryManager/onlevelchange
-translation_of: Web/API/BatteryManager/onlevelchange
----
-<p>{{ APIRef("BatteryManager") }}</p>
-<h2 id="Summary" name="Summary">Resumen</h2>
-<p>Especifica un detector de eventos para recibir eventos de  {{event("levelchange")}} (<em>"cambio de nivel</em>"). Estos eventos ocurren cuando el {{domxref("BatteryManager.level")}} de batería se actualiza.</p>
-<h2 id="Syntax" name="Syntax">Sintaxis</h2>
-<pre class="syntaxbox">navigator.battery.onlevelchange = funcRef</pre>
-<p>Donde <code><em>funcRef</em></code> es una función que se convoca cuando el evento de {{event("levelchange")}} sucede.</p>
-<h2 id="Especificaciones">Especificaciones</h2>
-<p>{{page("/en-US/docs/Web/API/BatteryManager","Specifications")}}</p>
-<h2 id="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h2>
-<p>{{page("/en-US/docs/Web/API/BatteryManager","Browser_compatibility")}}</p>
-<h2 id="Véase_también">Véase 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/onlevelchange/index.md b/files/es/web/api/batterymanager/onlevelchange/index.md
new file mode 100644
index 0000000000..605dc5ba63
--- /dev/null
+++ b/files/es/web/api/batterymanager/onlevelchange/index.md
@@ -0,0 +1,66 @@
+---
+title: BatteryManager.onlevelchange
+slug: Web/API/BatteryManager/onlevelchange
+browser-compat: api.BatteryManager.onlevelchange
+translation_of: Web/API/BatteryManager/onlevelchange
+---
+{{deprecated_header}} {{APIRef("Battery API")}}
+
+La propiedad **`BatteryManager.onlevelchange`** especifica un detector
+de eventos para recibir eventos de {{event("levelchange")}}. Estos eventos ocurren
+cuando el {{domxref("BatteryManager.level", "level")}} de batería se actualiza.
+
+## Sintaxis
+
+```js
+navigator.battery.onlevelchange = funcRef;
+```
+
+Donde `battery` es un objecto {{domxref("BatteryManager")}},
+y `funcRef` es una función que se convoca cuando el evento de {{event("levelchange")}} sucede.
+
+## Ejemplo
+
+### Contenido HTML
+
+```html
+<div id="level">(nivel de batería desconocido)</div>
+<div id="stateBattery">(estado de carga desconocido)</div>
+```
+
+### Contenido JavaScript
+
+```js
+navigator.getBattery().then(function(battery) {
+  battery.onlevelchange = function(){
+    document.querySelector('#level').textContent = battery.level;
+
+    if(battery.charging) {
+      document.querySelector('#stateBattery').textContent =
+          "Charging time: " + (battery.chargingTime / 60);
+    }
+    else {
+      document.querySelector('#stateBattery').textContent =
+          "Discharging time: " + (battery.dischargingTime / 60);
+    }
+  };
+});
+```
+
+### Resultado
+
+{{EmbedLiveSample('', '100%', 40)}}
+
+## Especificaciones
+
+{{Specifications}}
+
+## Compatibilidad con navegadores
+
+{{Compat}}
+
+## Véase también
+
+- {{domxref("BatteryManager")}}
+- {{domxref("Navigator.getBattery")}}
+