From 0e1056cf838c2d09884a1819f221a39500de41eb Mon Sep 17 00:00:00 2001
From: Anil Seervi <anil13112000@gmail.com>
Date: Sun, 8 Aug 2021 10:47:43 +0530
Subject: [PATCH] Replace usage of alert()

---
 .../en-us/web/api/domexception/domexception/index.html | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/files/en-us/web/api/domexception/domexception/index.html b/files/en-us/web/api/domexception/domexception/index.html
index 915115ee744a6cc..c9ef4f1b6c58424 100644
--- a/files/en-us/web/api/domexception/domexception/index.html
+++ b/files/en-us/web/api/domexception/domexception/index.html
@@ -11,7 +11,7 @@
 <p>{{ APIRef("DOM") }}</p>
 
 <p>The <strong><code>DOMException()</code></strong> constructor returns a
-  <code>DOMException</code> object with a specified message and name.</p>
+  <code>{{domxref("DOMException")}}</code> object with a specified message and name.</p>
 
 <h2 id="Syntax">Syntax</h2>
 
@@ -44,6 +44,8 @@ <h3>HTML</h3>
 
 <pre class="brush: html">
 &lt;button&gt;Trigger DOM Exception&lt;/button&gt;
+
+&lt;p id="output"&gt;&lt;/p&gt;
 </pre>
 
 <h3>JavaScript</h3>
@@ -53,16 +55,16 @@ <h3>JavaScript</h3>
 
 button.onclick = function() {
     try {
-        throw new DOMException("Custom DOM Exception");
+        throw new DOMException("Custom DOM Exception Triggered.");
     } catch(error) {
-        alert(`Error: ${error.message}`);
+        document.querySelector("#output").textContent = `Error: ${error.message}`;
     }
 }
 </pre>
 
 <h3>Result</h3>
 
-<p>{{ EmbedLiveSample('Examples', '100%', 60) }}</p>
+<p>{{ EmbedLiveSample('Examples', '100%', 100) }}</p>
 
 <h2 id="Specifications">Specifications</h2>