forked from danna/html_practice
0823 add initial js and css
This commit is contained in:
21
myjs.js
Normal file
21
myjs.js
Normal file
@@ -0,0 +1,21 @@
|
||||
const list = document.createElement('ul');
|
||||
const info = document.createElement('p');
|
||||
const html = document.querySelector('html');
|
||||
|
||||
info.textContent = 'Below is a dynamic list. Click anywhere on the page to add a new list item. Click an existing list item to change its text to something else.';
|
||||
|
||||
document.body.appendChild(info);
|
||||
document.body.appendChild(list);
|
||||
|
||||
html.onclick = function() {
|
||||
const listItem = document.createElement('li');
|
||||
const listContent = prompt('What content do you want the list item to have?');
|
||||
listItem.textContent = listContent;
|
||||
list.appendChild(listItem);
|
||||
|
||||
listItem.onclick = function(e) {
|
||||
e.stopPropagation();
|
||||
const listContent = prompt('Enter new content for your list item');
|
||||
this.textContent = listContent;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user