logo

Crowdly

Browser

Add to Chrome

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

Looking for [Reg] Pemrograman Berbasis Platform (A,B,C,D,E,F) Gasal 2024/2025 test answers and solutions? Browse our comprehensive collection of verified answers for [Reg] Pemrograman Berbasis Platform (A,B,C,D,E,F) Gasal 2024/2025 at scele.cs.ui.ac.id.

Get instant access to accurate answers and detailed explanations for your course questions. Our community-driven platform helps students succeed!

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.

View this question

Apa peran utama dari decorator @login_required dalam Django?

0%
0%
0%
0%
View this question

Apa yang dilakukan potongan kode berikut ini?

View this question

Urutan aliran data yang benar dalam arsitektur MTV Django adalah…

View this question

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:

 

  

View this question

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

View this question

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

View this question

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

0%
0%
0%
0%
View this question

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

View this question

Di manakah Django secara default menyimpan konfigurasi aplikasi?

0%
0%
0%
0%
View this question

Want instant access to all verified answers on scele.cs.ui.ac.id?

Get Unlimited Answers To Exam Questions - Install Crowdly Extension Now!

Browser

Add to Chrome