https://github.com/yangcodingaja12/bookshelf

Ujian Akhir Dicoding Front end Pemula
https://github.com/yangcodingaja12/bookshelf

Last synced: about 1 year ago
JSON representation

Ujian Akhir Dicoding Front end Pemula

• Host: GitHub
• URL: https://github.com/yangcodingaja12/bookshelf
• Owner: yangcodingaja12
• Created: 2024-12-18T01:59:07.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-27T02:17:40.000Z (over 1 year ago)
• Last Synced: 2025-02-13T13:50:30.393Z (over 1 year ago)
• Language: HTML
• Homepage:
• Size: 7.81 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Bookshelf App Starter Project

Ini adalah starter project untuk siswa yang sedang mengerjakan tugas akhir kelas Belajar Membuat Front-End Web untuk Pemula.

## Ketentuan Pengerjaan Tugas

Untuk mempermudah penilaian submission yang dikirim, Anda perlu memahami ketentuan-ketentuan berikut dalam mengerjakan tugas ini.

- Anda dilarang mengedit atau menghapus atribut `data-testid` pada elemen-elemen HTML.

- Ini masih berkaitan dengan poin sebelumnya. Jika Anda memiliki kebutuhan seperti styling elemen dan perlu menambahkan atribut seperti class, itu tidak dilarang selama atribut `data-testid` beserta nilainya tidak diubah atau dihapus.

- Dalam menampilkan data-data buku, Anda wajib memberikan beberapa atribut pada setiap elemennya.

  - `data-bookid`: menampung nilai ID masing-masing buku.

  - `data-testid`: penanda jenis data buku yang ditampilkan. Berikut daftarnya.

    - `bookItem`: elemen kontainer yang menampung data-data buku.

    - `bookItemTitle`: judul buku

    - `bookItemAuthor`: penulis buku

    - `bookItemYear`: tahun rilis buku

    - `bookItemIsCompleteButton`: tombol untuk mengubah kondisi buku dari “Belum selesai dibaca” menjadi “Selesai dibaca” atau sebaliknya.

    - `bookItemDeleteButton`: tombol untuk menghapus buku.

    - `bookItemEditButton`: tombol untuk mengubah data buku.

  Agar pengerjaan tugas lebih mudah, Anda dapat mengikuti templat buku berikut.

```html



  
{{ judul_buku }}

  
Penulis: {{ penulis_buku }}

  
Tahun: {{ tahun_rilis_buku }}

  


    {{ tombol_untuk_ubah_kondisi }}

    {{ tombol_untuk_hapus }}

    {{ tombol_untuk_edit }}

  



```


Selamat mengerjakan dan sukses selalu!