benkrisna.github.io/script.js at main · benkrisna/benkrisna.github.io · 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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
const mobels = [
  {
    name: "Kallax",
    img: "./pictures/kallax.jpg",
    price: 15,
    info: "negotiable",
    trivia: "Udah diambil Reggy",
  },
  {
    name: "Meja coklat",
    img: "./pictures/meja-coklat.jpg",
    price: 5,
    info: "negotiable, gratis pun gpp",
    trivia: "Ambil plis guys, gratis pun gpp",
  },
  {
    name: "Wooden shelf",
    img: "./pictures/wooden-shelf.jpg",
    price: 10,
    info: "negotiable",
    trivia: "Baru banget woi padahal",
  },
  {
    name: "Hair Dryer",
    img: "./pictures/hair-dryer.jpg",
    price: 5,
    info: "negotiable",
    trivia: "Ga bikin botak kok",
  },
  {
    name: "Setrika uap",
    img: "./pictures/setrika-uap.jpg",
    price: 5,
    info: "negotiable",
    trivia: "Patrick pinjem ini buat Interview kerja, langsung dapet",
  },
  {
    name: "Tong sampah",
    img: "./pictures/tong-sampah.jpg",
    price: 0,
    info: "gratis woi",
    trivia: "she's a keeper :)",
  },
];

mobels.map((mobel) => {
  $("div.card-deck").append(`
    <div class="card">
        <img
            class="card-img-top"
            src="${mobel.img}"
            alt="Card image cap"
        />
        <div class="card-body">
        <h5 class="card-title">${mobel.name}</h5>
        <p class="card-text">Price: ${mobel.price} €</p>
        </div>
        <p class="card-text">
        <small class="text-muted">${mobel.info}</small>
        </p>
        <p class="card-text">
        <small class="text-muted">${mobel.trivia}</small>
        </p>
    </div>`);
});