RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 00:47:45 +00:00
Code Issues Activity Actions

Base: Update radio button test page to mutate the DOM

Browse source
This commit is contained in:
Timothy Flynn 2021-04-04 11:45:14 -04:00 • committed by Andreas Kling
parent 0069020e6c
commit 2199a59614
1 changed files with 12 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

14
Base/res/html/misc/radio.html
View file

@ -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;
} }
}); });
} }