Pārlūkot izejas kodu

Base: Update radio button test page to mutate the DOM

Timothy Flynn 4 gadi atpakaļ
vecāks
revīzija
2199a59614
1 mainītis faili ar 12 papildinājumiem un 2 dzēšanām
  1. 12 2
      Base/res/html/misc/radio.html

+ 12 - 2
Base/res/html/misc/radio.html

@@ -30,12 +30,22 @@
     <input type=radio id=targaryen name=got value=Targaryen>
     <input type=radio id=targaryen name=got value=Targaryen>
     <label for=targaryen>Targaryen</label>
     <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>
     <script>
         const hp = document.getElementsByName('hp');
         const hp = document.getElementsByName('hp');
         for (let i = 0; i < hp.length; ++i) {
         for (let i = 0; i < hp.length; ++i) {
             hp[i].addEventListener('change', function() {
             hp[i].addEventListener('change', function() {
                 if (this.checked) {
                 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) {
         for (let i = 0; i < got.length; ++i) {
             got[i].addEventListener('change', function() {
             got[i].addEventListener('change', function() {
                 if (this.checked) {
                 if (this.checked) {
-                    console.log('GoT house:', this.value);
+                    document.getElementById('got').innerHTML = this.value;
                 }
                 }
             });
             });
         }
         }