Content sync and updated to md | Notification.onClick [ES] (#4028)

* sync and updated to md

* Apply suggestions from code review

Co-authored-by: Juan Vásquez <juan@logicalbricks.com>
Co-authored-by: David Brito <39559632+davbrito@users.noreply.github.com>

Co-authored-by: Juan Vásquez <juan@logicalbricks.com>
Co-authored-by: David Brito <39559632+davbrito@users.noreply.github.com>

2 files changed, 49 insertions, 61 deletions

diff --git a/files/es/web/api/notification/onclick/index.html b/files/es/web/api/notification/onclick/index.html
deleted file mode 100644
index 211947a1b8..0000000000
--- a/files/es/web/api/notification/onclick/index.html
+++ /dev/null
@@ -1,61 +0,0 @@
----
-title: Notification.onclick
-slug: Web/API/notification/onclick
-tags:
-  - API
-  - DOM
-  - Notifications
-  - Propiedad
-  - Referencia
-  - onclick
-translation_of: Web/API/Notification/onclick
----
-<p>{{APIRef("Web Notifications")}}</p>
-
-<p>La propiedad <code>onclick</code> de la interfaz {{domxref("Notification")}} especifica un event listener para recibir eventos {{event("click")}}. Estos eventos ocurren cuando el usuario hace un click sobre el {{domxref("Notification")}} mostrado.</p>
-
-<h2 id="Syntax" name="Syntax">Sintaxis</h2>
-
-<pre class="eval">Notification.onclick = function(event) { ... };
-</pre>
-
-<p>El comportamiento por defecto es mover el foco al viewport del <a href="https://html.spec.whatwg.org/multipage/browsers.html#browsing-context">sitio de contexto</a> de dicha notificación. Si no deseas este comportamiento, puedes llamar <code><a href="/en-US/docs/Web/API/Event/preventDefault">preventDefault()</a></code> en el objeto del evento.</p>
-
-<h2 id="Ejemplos">Ejemplos</h2>
-
-<p>En el siguiente ejemplo, utilizamos un manejador <code>onclick</code> para abrir un sitio web en una nueva pestaña (especificado con la inclusión del parámetro <code>'_blank'</code>) una vez que la notifación es cliqueada.</p>
-
-<pre class="brush: js">notification.onclick = function(event) {
-  event.preventDefault(); // Previene al buscador de mover el foco a la pestaña del Notification
-  window.open('http://www.mozilla.org', '_blank');
-}</pre>
-
-<h2 id="Especificaciones">Especificaciones</h2>
-
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">Specification</th>
-   <th scope="col">Status</th>
-   <th scope="col">Comment</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName('Web Notifications','#dom-notification-onclick','onclick')}}</td>
-   <td>{{Spec2('Web Notifications')}}</td>
-   <td>Living standard.</td>
-  </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h2>
-
-<p>{{Page("/en-US/docs/Web/API/Notification","Browser compatibility")}}</p>
-
-<h2 id="Mira_también">Mira también</h2>
-
-<ul>
- <li>{{domxref("Notification")}}</li>
- <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API">Usando la API de Notifications</a></li>
-</ul>
diff --git a/files/es/web/api/notification/onclick/index.md b/files/es/web/api/notification/onclick/index.md
new file mode 100644
index 0000000000..273a9115c0
--- /dev/null
+++ b/files/es/web/api/notification/onclick/index.md
@@ -0,0 +1,49 @@
+---
+title: Notification.onclick
+slug: Web/API/Notification/onclick
+tags:
+  - API
+  - DOM
+  - Notifications
+  - Propiedad
+  - Referencia
+  - onclick
+translation_of: Web/API/Notification/onclick
+browser-compat: api.Notification.onclick
+---
+{{APIRef("Web Notifications")}}{{AvailableInWorkers}}{{securecontext_header}}
+
+La propiedad `onclick` de la interfaz {{domxref("Notification")}} especifica un escuchador de eventos para recibir eventos {{event("click")}}. Estos eventos ocurren cuando el usuario hace click sobre el {{domxref("Notification")}} mostrado.
+
+## Sintaxis
+
+```js
+Notification.onclick = function(event) { /* ... */ };
+```
+
+El comportamiento por defecto es mover el foco al viewport del [sitio de contexto](https://html.spec.whatwg.org/multipage/browsers.html#browsing-context) de dicha notificación. Si no deseas este comportamiento, puedes llamar {{domxref("Event/preventDefault",
+  "preventDefault()")}} en el objeto del evento.
+
+## Ejemplos
+
+En el siguiente ejemplo, utilizamos un manejador `onclick` para abrir un sitio web en una nueva pestaña (especificado con la inclusión del parámetro `'_blank'`) una vez que la notifación es cliqueada.
+
+```js
+notification.onclick = function(event) {
+  event.preventDefault(); // Evita que el navegador enfoque la pestaña del Notification
+  window.open('http://www.mozilla.org', '_blank');
+}
+```
+
+## Especificaciones
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## Véase también
+
+- {{domxref("Notification")}}
+- [Usando la API de Notificaciones](/es/docs/Web/API/Notifications_API/Using_the_Notifications_API)