javascript_basics/test.html at main · navin-jha/javascript_basics · 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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Document</title>
</head>
<body>
  <ul class="content">
    <li>javascript</li>
  </ul>

  <script>
    function newValue(element) {
      const value = document.createElement('li');
      value.innerHTML = element;
      document.querySelector('.content').appendChild(value);
    }
    newValue("java");
    newValue("python");
    newValue("mongodb");

    function secNewValuie(element){
        const value= document.createElement('li')
        value.appendChild(document.createTextNode(element))
        document.querySelector('.content').appendChild(value)

    }
    secNewValuie("typoGraphy");
    secNewValuie("typoGraphy");

    const value = document.querySelector('li:nth-child(2)')
    const updateValue = document.createElement('li')
    updateValue.innerHTML = "mojo"
    value.replaceWith(updateValue)


    const nextValnewValueue = document.querySelector('li:last-child')

    nextValnewValueue.remove()

  </script>
</body>
</html>