programowanie obiektowe

0

Witam, chciałbym zrobić zadanie obiektowo, ale kompletnie nie mam pomysłu, ma ktoś?:

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Dodaj element</title>
  <style>
    li {
      font-size: 20px
    }

    .big {
      font-size: 30px
    }
  </style>
</head>

<body>
  <button>Dodaj element do listy</button>
  <ul>

  </ul>
  <script>
    const ul = document.querySelector("ul");
    let number = 1;
    const btn = document.querySelector("button");
    btn.addEventListener("click", function () {
      const li = document.createElement('li');
      ul.appendChild(li);
      li.textContent = number;
      if (number % 3 == 0)
        li.classList.add('big');
      number += 2;
    })
 </script>
</body>

</html>
2

A czemu uważasz, że w tej chwili nie jest obiektowo?

0

bo chciałem zrobić to tak by było widać, że wykorzystuję tu wiedzę z obiektów, jeśli tak pytasz to coś takiego tu jest jednak ja tego nie widzę...

1

Czyli pewnie chciałbyś mieć klasę Lista i jakieś operacje na niej.

function List()
{
  let self = this;

  self.elements = [];
  self.addElement = function(n) {
    self.elements.push(n);
  };
  self.updateDOM = function() {
     // odświeżenie "widoku" listy
  }
}

let ls = new List();

1 użytkowników online, w tym zalogowanych: 0, gości: 1