Postingan

Menampilkan postingan dari Februari, 2024

Javascript 7-3: Membuat Quiz Exam Generator

Javascript Bag 7-3 Membuat Exam Generator Selamat datang di Quiz 2 Exam Generator! Alat ini memungkinkan Anda membuat dan mengatur tes singkat dengan mudah. Mari kita jelajahi kode di balik pembuat tes ini agar Anda dapat memahaminya dengan lebih baik. HTML Structure Kami mulai dengan struktur HTML dasar yang mencakup elemen-elemen seperti input untuk pertanyaan, opsi jawaban, dan waktu, serta tombol untuk menambahkan pertanyaan dan menyelesaikan tes. CSS Styling Kode CSS memberikan tampilan yang sederhana dan responsif untuk aplikasi ini. Ini termasuk aturan untuk mengatur tata letak elemen, warna, dan gaya tombol. List Buah Interaktif <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Quiz 2 Exam Generator</title> <style> body { font-family: Arial, sans-serif

Javascript 7-2: String, Mengupgrade Mini Project Trayek.

Gambar
Javascript Bag. 7-2 Javascript String, Mengupgrade Mini Project Trayek Pada Javascript Bagian Sebelumnya, Kita Sudah Membahas Tentang String Dan Membuat Mini Project, Untuk Bagian Ini Kita Akan Mengupgrade Mini Project Trayek Kita Dengan Menambahkan Menu "Action" Dan Menambahkan Fitur Hapus, Jika Anda Belum Membaca Part Sebelumnya,  Klik Disini! List Buah Interaktif <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Daftar Buah</title> <style> body { font-family: Arial, sans-serif; margin: 10px; } h1 { text-align: center; } table { border-collapse: collapse; width: calc(100% - 20px); /* Menggunakan calc() untuk mempertahankan panjang