system/serenity
system/serenity
1
0
Fork 0
mirror of https://github.com/SerenityOS/serenity synced 2024-10-06 16:09:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

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
Show stats 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>
<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;
}
});
}