DOM Common Logic: Difference between revisions
Jump to navigation
Jump to search
| Line 1: | Line 1: | ||
<pre id='shellbody' data-qtp='clicky'></pre> | <pre id='shellbody' data-qtp='clicky'></pre> | ||
==A button== | ==A checkbox to enable a button== | ||
<div class=qu data-width=300> | <div class=qu data-width=300> | ||
You must be 1.2m to to ride | You must be 1.2m to to ride | ||
Revision as of 13:29, 3 October 2021
A checkbox to enable a button
You must be 1.2m to to ride
- Set the
typeof inputcto "checkbox" - Add the onclick function to
c
let l = document.createElement('label');
l.innerHTML = 'Confirm I am at least 1.2m';
let c = document.createElement('input');
l.append(c);
c.id = 'tall';
let b = document.createElement('button');
b.innerText = 'Ride the Rollercoaster';
b.disabled = true;
b.onclick = ()=>{
document.body.append('Weeee...');
}
document.body.append(l,b);
let l = document.createElement('label');
l.innerHTML = 'Confirm I am at least 1.2m';
let c = document.createElement('input');
c.type = 'checkbox';
l.append(c);
c.id = 'tall';
let b = document.createElement('button');
b.innerText = 'Ride the Rollercoaster';
b.disabled = true;
b.onclick = ()=>{
document.body.append('Weeee...');
}
c.onclick = ()=>{
if (c.checked){
b.removeAttribute('disabled');
}else{
b.addAttribute('disabled');
}
}
document.body.append(l,b);