DOM Common Logic

1) A button

You must be this tall to ride

Input

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;

​x

 

1

let l = document.createElement('label');

2

l.innerHTML = 'Confirm I am at least 1.4m';

3

let c = document.createElement('input');

4

l.append(c);

5

c.id = 'tall';

6

let b = document.createElement('button');

7

b.innerText = 'Ride the Rollercoaster';

8

b.disabled = true;

9

b.onclick = ()=>{

10

  document.body.append('Weeee...');

11

}

12

document.body.append(l,b;

13

​

GoScore reset

Output

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