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>