Base: Update radio button test page to mutate the DOM

1 files changed, 12 insertions, 2 deletions

diff --git a/Base/res/html/misc/radio.html b/Base/res/html/misc/radio.html
index a47cfdd7f6..5859ad87dc 100644
--- a/Base/res/html/misc/radio.html
+++ b/Base/res/html/misc/radio.html
@@ -30,12 +30,22 @@
     <input type=radio id=targaryen name=got value=Targaryen>
     <label for=targaryen>Targaryen</label>
 
+    <br />
+    <br />
+
+    <b>Selected</b>
+    <br />
+    <div style="display: inline-block;">
+        <pre>HP house: <span id=hp></span></pre>
+        <pre>GoT house: <span id=got></span></pre>
+    </div>
+
     <script>
         const hp = document.getElementsByName('hp');
         for (let i = 0; i < hp.length; ++i) {
             hp[i].addEventListener('change', function() {
                 if (this.checked) {
-                    console.log('HP house:', this.value);
+                    document.getElementById('hp').innerHTML = this.value;
                 }
             });
         }
@@ -44,7 +54,7 @@
         for (let i = 0; i < got.length; ++i) {
             got[i].addEventListener('change', function() {
                 if (this.checked) {
-                    console.log('GoT house:', this.value);
+                    document.getElementById('got').innerHTML = this.value;
                 }
             });
         }