logo

Crowdly

Browser

Додати до Chrome

[Reg] Pemrograman Berbasis Platform (A,B,C,D,E,F) Gasal 2024/2025

Шукаєте відповіді та рішення тестів для [Reg] Pemrograman Berbasis Platform (A,B,C,D,E,F) Gasal 2024/2025? Перегляньте нашу велику колекцію перевірених відповідей для [Reg] Pemrograman Berbasis Platform (A,B,C,D,E,F) Gasal 2024/2025 в scele.cs.ui.ac.id.

Отримайте миттєвий доступ до точних відповідей та детальних пояснень для питань вашого курсу. Наша платформа, створена спільнотою, допомагає студентам досягати успіху!

Perhatikan gambar halaman Registrasi di bawah ini.

Tuliskan kode HTML untuk menghasilkan tampilan seperti gambar di atas.

Catatan: Cukup tuliskan kode HTML saja. Tidak perlu memikirkan CSS dan JavaScript-nya.

Переглянути це питання

Apa peran utama dari decorator @login_required dalam Django?

0%
0%
0%
0%
Переглянути це питання

Apa yang dilakukan potongan kode berikut ini?

Переглянути це питання

Urutan aliran data yang benar dalam arsitektur MTV Django adalah…

Переглянути це питання

Perhatikan potongan kode di bawah ini.

<!DOCTYPE html>

<html>

<head><meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Soal Esai UTS PBP</title>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

</head>

<body>

<button>Tampilkan Data Mahasiswa</button>

<button style="display:none;">Sembunyikan Data Mahasiswa</button>

<table id="mahasiswaTable" style="display:none; border: 1px solid black; width: 100%;">

<thead>

<tr>

<th>Nama</th>

<th>NIM</th>

<th>Jurusan</th>

</tr>

</thead>

<tbody></tbody>

</table>

<script>

$(document).ready(function(){

// Fungsi untuk mengambil data mahasiswa dari API

function fetchDataMahasiswa() {

fetch('https://dummyjson.com/c/6bdb-4683-486b-aeec') // ...

.then(response => response.json()) // ...

.then(data => {

// ...

$('#mahasiswaTable tbody').empty();

// ...

data.forEach(mahasiswa => {

$('#mahasiswaTable tbody').append(`

//Tambahkan potongan kode untuk menampilkan data mahasiswa

`);

});

})

.catch(error => {

console.error('Error fetching data:', error);

});

}

// Tambahkan potongan kode Event handler untuk tombol "Tampilkan Data Mahasiswa"

// Tambahkan potongan kode Event handler untuk tombol "Sembunyikan Data Mahasiswa"

});

</script>

</body>

</html>

 

Anda diminta untuk memodifikasi potongan kode di atas agar bisa menampilkan data mahasiswa jika tombol "Tampilkan data mahasiswa" diklik. Namun, jika tombol "Sembunyikan data mahasiswa" diklik, maka data mahasiswa akan disembunyikan.

Anda dapat menggunakan jQuery Effect method show() dan hide().

$("#hide").click(function(){

  $("p").hide();

});

$("#show").click(function(){

  $("p").show();

});

Contoh dummy JSON data mahasiswa:

[

{

"nama": "Budi Santoso",

"nim": "123456",

"jurusan": "Teknik Informatika",

"angkatan": 2020,

"email": "[email protected]"

},

{

"nama": "Siti Nurhaliza",

"nim": "654321",

"jurusan": "Sistem Informasi",

"angkatan": 2019,

"email": "[email protected]"

},

{

"nama": "Agus Pratama",

"nim": "112233",

"jurusan": "Teknik Elektro",

"angkatan": 2021,

"email": "[email protected]"

},

{

"nama": "Indah Permata",

"nim": "334455",

"jurusan": "Teknik Sipil",

"angkatan": 2020,

"email": "[email protected]"

},

{

"nama": "Rizki Ramadhan",

"nim": "556677",

"jurusan": "Arsitektur",

"angkatan": 2021,

"email": "[email protected]"

},

{

"nama": "Wahyu Putra",

"nim": "778899",

"jurusan": "Teknik Industri",

"angkatan": 2019,

"email": "[email protected]"

}

]

 

Contoh output:

 

  

Переглянути це питання

Pernyataan yang benar terkait CORS (Cross-Origin Resource Sharing) dalam konteks AJAX dan Fetch API adalah...

Переглянути це питання

File apa yang digunakan untuk mendefinisikan URL routing dalam aplikasi Django?

Переглянути це питання

Tag HTML manakah yang digunakan untuk membuat tautan (link) ke halaman lain?

0%
0%
0%
0%
Переглянути це питання

Berikut adalah potongan kode AJAX yang menggunakan jQuery. Apa yang dilakukan kode di bawah ini?

Переглянути це питання

Di manakah Django secara default menyimpan konfigurasi aplikasi?

0%
0%
0%
0%
Переглянути це питання

Хочете миттєвий доступ до всіх перевірених відповідей на scele.cs.ui.ac.id?

Отримайте необмежений доступ до відповідей на екзаменаційні питання - встановіть розширення Crowdly зараз!

Browser

Додати до Chrome