├── dom.html ├── index.html ├── js ├── first.js ├── second.js ├── summary.js └── third.js ├── script.js ├── style.css └── summary.html /dom.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 21 | 22 | 23 | 24 |
25 |

Welcome to my blog website

26 |
27 |
28 | 29 |
30 |
31 |

Blogs list

32 |
    33 |
  • Blog-1
    • 34 |
  • Blog-2
    • 35 |
  • Blog-3
    • 36 |
  • Blog-4
    • 37 |
38 |
39 |
40 |

My Awesome Blog-1

41 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla officia voluptas modi exercitationem 42 | perspiciatis deserunt consectetur vel quam. Nobis possimus nesciunt delectus cupiditate fuga officia 43 | quis vero repellendus explicabo aliquam?

44 |
45 |
46 |

My Awesome Blog-2

47 |

Vitae a error culpa quas quos tempora. Ipsa iusto, nostrum inventore cupiditate molestiae dolorum! 48 | Quo accusamus autem expedita consequuntur. Consectetur totam sapiente nihil doloremque adipisci 49 | vitae ut assumenda asperiores eligendi!

50 |
51 |
52 |

My Awesome Blog-3

53 |

Fugit autem sint dolorem nam illum, delectus accusamus, veritatis unde ipsum corporis expedita 54 | blanditiis totam doloribus. Hic ut excepturi cum, similique vitae tempore tenetur itaque, nisi, ab 55 | cupiditate sed eligendi?

56 |
57 |
58 |

My Awesome Blog-4

59 |

Fugit autem sint dolorem nam illum, delectus accusamus, veritatis unde ipsum corporis expedita 60 | blanditiis totam doloribus. Hic ut excepturi cum, similique vitae tempore tenetur itaque, nisi, ab 61 | cupiditate sed eligendi?

62 |
63 |
64 |
65 | 130 | 131 | 132 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Hello JS 9 | 10 | 15 | 16 | 17 | 18 |

Hello JavaScript

19 | 20 | 21 | 22 | 23 | 28 | 29 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /js/first.js: -------------------------------------------------------------------------------- 1 | console.log('this is my first file'); -------------------------------------------------------------------------------- /js/second.js: -------------------------------------------------------------------------------- 1 | console.log('this is my second file'); -------------------------------------------------------------------------------- /js/summary.js: -------------------------------------------------------------------------------- 1 | console.log('I am from summary js file'); 2 | 3 | const blogs = document.getElementsByTagName('p'); 4 | // console.log(blogs) 5 | for (const blog of blogs) { 6 | // console.log(blog); 7 | blog.style.backgroundColor = 'steelblue'; 8 | blog.style.color = 'white'; 9 | } 10 | 11 | const harum = document.getElementById('special-blog'); 12 | // harum.innerText = 'New Harun' 13 | harum.innerHTML = ` 14 |

Special inner html

15 |
16 | 20 |
21 | ` 22 | 23 | const friends = document.getElementById('friends'); 24 | // console.log(friends.children); 25 | const fifth = friends.children[4]; 26 | console.log(fifth); 27 | friends.removeChild(fifth); 28 | 29 | // create element 30 | const friend = document.createElement('li'); 31 | friend.innerText = 'Friend-11'; 32 | friends.appendChild(friend); -------------------------------------------------------------------------------- /js/third.js: -------------------------------------------------------------------------------- 1 | console.log('this is my third file'); -------------------------------------------------------------------------------- /script.js: -------------------------------------------------------------------------------- 1 | console.log(999); -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | h1 { 2 | color: rgb(255, 0, 221); 3 | } -------------------------------------------------------------------------------- /summary.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 | 12 |
13 | 14 |
15 |
16 |

My friends

17 | 29 |
30 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat exercitationem blanditiis, nam 31 | temporibus voluptatum porro consequuntur ducimus nulla natus reprehenderit non debitis minus obcaecati 32 | illo et cumque possimus? Reprehenderit, beatae.

33 |

Itaque iste mollitia eum, fugit odit necessitatibus sequi quos ipsam, rerum, adipisci quibusdam sint 34 | possimus consequuntur sit esse soluta ipsa! Molestias nisi rem porro ipsa harum accusantium. Commodi, 35 | dolor dolorum!

36 |

Omnis non similique eveniet iusto culpa, necessitatibus voluptatibus labore excepturi distinctio quis 37 | illum recusandae iste minus odit, doloremque quae ad officiis, quibusdam corporis rerum nam repudiandae! 38 | Deserunt iste rem incidunt?

39 |

Harum maxime velit fuga corporis veniam deserunt veritatis, enim obcaecati reiciendis 40 | in voluptatem 41 | doloribus ducimus officiis odio hic expedita? Distinctio in totam ullam at aliquam harum ducimus dolores 42 | sequi ipsam.

43 |

Aliquam molestias quisquam sit delectus illum cumque maxime inventore unde numquam repellendus laboriosam 44 | nulla blanditiis, quod perferendis sint, ab quam quasi at dolore laborum corporis ipsam. Nisi molestias 45 | ex iure.

46 |
47 |
48 | 49 | 52 | 53 | 54 | --------------------------------------------------------------------------------