-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathscript.js
More file actions
46 lines (34 loc) · 1.4 KB
/
script.js
File metadata and controls
46 lines (34 loc) · 1.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
/*DOM - Crear e insertar ELEMENTOS
Crea un elemento: document.createElement(element);
Escribir texto en una elemento: element.textContent = texto
Escribir HTML en un elemento: element.innerHTML = código HTML
Añadir un elemento al DOM: parent.appendChild(element)
Fragmentos de código: document.createDocumentFragment()
*/
const days = ['Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado', 'Domingo'];
const title = document.getElementById('title');
const daysList = document.getElementById('daysList');
const daysSelect = document.getElementById('daysSelect');
// const itemList = document.createElement('LI');
// itemList.textContent = 'Lunes';
// daysList.appendChild(itemList);
// console.log(itemList);
title.innerHTML = 'DOM - <span>Crear e insertar elementos</span>';
// for (const day of days) {
// daysList.innerHTML += `<li>${day}</li>`
// }
// const fragment = document.createDocumentFragment();
// for (const day of days){
// const itemList = document.createElement('LI');
// itemList.textContent = day
// fragment.appendChild(itemList);
// }
// daysList.appendChild(fragment);
const fragment = document.createDocumentFragment();
for (const day of days){
const selectItem = document.createElement('OPTION');
selectItem.setAttribute('value',day.toLocaleLowerCase());
selectItem.textContent = day;
fragment.appendChild(selectItem);
}
daysSelect.appendChild(fragment);