From ea6def60711d176b45c6fa4d7c74c57a48de6ac0 Mon Sep 17 00:00:00 2001
From: Joshua Chen <sidachen2003@gmail.com>
Date: Wed, 2 Oct 2024 19:52:33 -0400
Subject: [PATCH] Fix

---
 .../htmloutputelement/defaultvalue/index.md   | 29 ++++++++++++-------
 1 file changed, 19 insertions(+), 10 deletions(-)

diff --git a/files/en-us/web/api/htmloutputelement/defaultvalue/index.md b/files/en-us/web/api/htmloutputelement/defaultvalue/index.md
index 9039b5430d0188c..6ef5f2cca7e1e38 100644
--- a/files/en-us/web/api/htmloutputelement/defaultvalue/index.md
+++ b/files/en-us/web/api/htmloutputelement/defaultvalue/index.md
@@ -19,25 +19,34 @@ A string.
 In the example below, the `defaultValue` still returns the value originally written in the HTML. Changes to {{domxref("HTMLOutputElement.value", "value")}} will not affect the `defaultValue` or its `textContent` in the DOM.
 
 ```html
-<p>
-  <input type="number" id="operand1" value="5" />
-  +
-  <input type="number" id="operand2" value="7" />
-  =
-  <output id="result" for="operand1 operand2">12</output>
-</p>
-<pre id="output"></pre>
+<fieldset>
+  <legend>Add two numbers</legend>
+  <p>
+    <input type="number" id="operand1" value="5" aria-label="First number" />
+    +
+    <input type="number" id="operand2" value="7" aria-label="Second number" />
+    =
+    <output
+      id="result"
+      for="operand1 operand2"
+      aria-live="polite"
+      aria-controls="output"
+      >12</output
+    >
+  </p>
+</fieldset>
+<pre id="logs" aria-live="polite"></pre>
 ```
 
 ```js
-const output = document.getElementById("output");
+const logs = document.getElementById("logs");
 const operand1 = document.getElementById("operand1");
 const operand2 = document.getElementById("operand2");
 const result = document.getElementById("result");
 
 function updateResult() {
   result.value = operand1.valueAsNumber + operand2.valueAsNumber;
-  output.textContent = `result.defaultValue: ${result.defaultValue}\nresult.value: ${result.value}`;
+  logs.textContent = `result.defaultValue: ${result.defaultValue}\nresult.value: ${result.value}`;
 }
 
 operand1.addEventListener("input", updateResult);