Soal Utama IF

Question Type: frontend

Assets

Unduh file ini terlebih dahulu sebelum membaca pertanyaan di bawah:

Pertanyaan

  1. Buatlah 1 struktur JSON Array of Object yang berisi informasi, isinya terserah Anda.

  2. Tampilkan 1 label dan buatlah 1 tombol yang bisa merubah value dari label. Label adalah value dari JSON yang sudah Anda buat pada soal nomor 1

  3. Buatlah sebuah fitur yang berupa HTTP Request ke URL: https://jsonplaceholder.typicode.com/posts dan cetaklah responsenya pada console log

  4. Buatlah sebuah HTML dengan mencetak ahsil response dari soal nomor 3 dalam bentuk table. Tampilkan maksimal 10 data.

  5. Buatlah sebuah function untuk menghapus salah satu data pada soal nomor 4.

  6. Cobalah untuk menghapus salah satu key dari Object pada JSON Response soal nomor 4.

  7. Buatlah sebuah function hashing dari string berikut dengan menggunakan SHA256 yang memiliki format sebagai berikut: tanggalhariini+namadepananda+pria+if.

    Contoh: 02032024benipriaif

    Hasil dari hashing akan dicetak pada console log

  8. Cobalah melakukan debuging pada file testdebug.html dan perbaiki file tersebut kemudian jabarkan error-nya ada pada line mana saja.

  9. Buatlah sebuah halaman yang memiliki konten sebagai berikut:

    • 1 Textbox (username)
    • 1 Textbox (password)
    • 1 Tombol (login)
    • 1 Tombol (logout)
    • 1 Label (“Selamat Datang”)

    Buatlah logic login dengan menyimpan data username dan password ke dalam localStorage.

    Pertama-tama, hide tombol logout dan label selamat datang.

    Jika sudah melakukan login, kemudian hide textbox username dan password beserta tombol login, kemudian munculkan tombol logout.

    Ketika logout mohon localStorage dibersihkan.

  10. Buatlah sebuah project NodeJS menggunakan Express. Buatlah 2 API dengan 2 method yang berbeda, yaitu GET dan POST. Data untuk request maupun response boleh Anda tentukan sendiri.

  11. Tambahkan header pada saat request ke API pada soal nomor 10:

    • User-id: if
    • Scope: user

    Kemudian lakukan validasi proses request ke API yang Anda buat dan jika header di atas tidak cocok, kembalikan response sebagai berikut:

    {
      "responseCode": 401,
      "responseMessage": "UNAUTHORIZED"
    }