DOM Controls that do things

From ProgZoo
Revision as of 18:36, 4 September 2021 by Andr3w (talk | contribs)
Jump to navigation Jump to search 




When  the user clicks the button the DOM gets changed.



Input

 
Output
let b = document.createElement('button');
b.innerText = 'click me';
b.onclick = ()=>{
  document.body.append('Hello world');
}
document.body.append(b);



let b = document.createElement('button');
b.innerText = 'click me';
b.onclick = ()=>{
  document.body.append('Hello World!');
}
document.body.append(b);







The user can change the text that gets echoed.



Input

 
Output
let i = document.createElement('input');
i.value = 'Andrew was here';
let b = document.createElement('button');
b.innerText = 'click me';
b.onclick = ()=>{
  document.body.append(i.value);
}
document.body.append(i,b);



let i = document.createElement('input');
i.value = 'Andrew was here';
let b = document.createElement('button');
b.innerText = 'click me';
b.onclick = ()=>{
  document.body.append(i.value);
}
document.body.append(i,b);











Retrieved from "https://progzoo.net/index.php?title=DOM_Controls_that_do_things&oldid=581"