basic-advanced-java-scirpt/dom-create.html at main · aviprf10/basic-advanced-java-scirpt · GitHub

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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body style="width:900px; margin: auto;">
<header id="header" style="color:red">My First Java Script Module</header>
<div id="headline" class="abcd">
  <p>Test Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quasi dolorum ipsam doloribus adipisci nisi consequuntur? Sint tempora animi eveniet consequuntur autem? Totam obcaecati recusandae asperiores amet, impedit incidunt quae ut!</p>
  <h1 id="abcd"></h1>
</div>
<ul id="list1">
  <li>Apple</li>
  <li class="">Banana</li>
  <li>Orange</li>
  <li>Grapes</li>
</ul>

<ul id="list2">
  <li>Guava</li>
  <li class="">Banana</li>
  <li>Orange</li>
  <li>Pineapple</li>
</ul>
<script src="dom-create.js"></script>
</body>
</html>