Untitled

<!DOCTYPE html>
<head>
  <title>Dom Selection</title>
  <style>
    * {
        border: 2px solid #dedede;
        padding: 15px;
        margin: 15px;
    }
    html {
      margin: 0;
      padding: 0;
    }
    body {
      max-width: 600px;
      margin: 30px auto;
      font-family: sans-serif;
      color: #333;
    }

  </style>
</head>
<body>

  <h1 id="judul">Hello World</h1>
  <div id="container">
      <section id="a">
          <p class="p1" onclick="">paragraf 1</p>
          <a href="#">LINK</a>
          <p class="p2">paragraf 2</p>
          <p class="p3">paragraf 3</p>
          <p class="p4">paragraf 4</p>

      </section>
      <section id="b">
          <p>paragraf 5</p>
          <ul>
              <li class="">item 1</li>
              <li>item 2</li>
              <li>item 3</li>
          </ul>
      </section>
  </div>

 <script src="script.js"></script>

</body>
</html>