Difference between revisions of "DOM Common Logic"
Jump to navigation
Jump to search
Line 42: | Line 42: | ||
if (c.checked){ | if (c.checked){ | ||
b.removeAttribute('disabled'); | b.removeAttribute('disabled'); | ||
}else{ | }else{ | ||
b.addAttribute('disabled'); | b.addAttribute('disabled'); | ||
} | |||
} | } | ||
document.body.append(l,b); | document.body.append(l,b); | ||
</pre> | </pre> | ||
</div> | </div> |
Revision as of 13:22, 3 October 2021
A button
You must be this tall to ride
let l = document.createElement('label'); l.innerHTML = 'Confirm I am at least 1.4m'; 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 b = document.createElement('button'); b.innerText = 'click me'; b.onclick = ()=>{ document.body.append('Hello World!'); } document.body.append(b);
let l = document.createElement('label'); l.innerHTML = 'Confirm I am at least 1.4m'; 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);