DOM Common Logic
A button
You must be 1.2m to to ride
- Set the
type
of inputc
to "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);