Postingan

Menampilkan postingan dari September, 2022

PWEB - Kuis PWEB 1

Gambar
 Putu Ravindra Wiguna 5025201237 Deskripsi Kuis: Dengan menggunakan html, css, dan javascript buatlah front-end form pendaftaran di atas. Berikut source codeya pada repository github:  RavindraWiguna/kuispweb (github.com) index.html <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Formulir Pendaftaran Pekan Olahraga dan Seni Guru TKA/TPA 2020 </ title >     < link rel = "stylesheet" href = "css/style.css" > </ head > < body >     < div class = "kopformulir" >         < div id = "formtitle" > Formulir Pendaftaran </ div >         < div   id = "eventtitle" > Pekan Olahrage dan Seni Guru TKA...

PWEB - Latihan Membuat Web Pencarian Kode Pos

Gambar
  Latihan Membuat Web Pencarian Kode Pos Nama :Putu Ravindra Wiguna NRP  : 5025201237     Pada latihan kali ini, diminta untuk membuat suatu website yang dapat melakukan pencarian kode pos dari nama Provinsi, Kabupaten/Kota, Kecamatan, dan Kelurahan. Untuk kali ini website yang saya buat ini masih menggunakan vanilla HTML-CSS-JS.      Proses pengerjaan website ini saya mulai dengan mencari tutorial bagaimana cara membuat dropdown pada website. Saya menggunakan dropdown ini untuk mencegah user memasukkan input yang invalid serta memudahkan user untuk menemukan daerah yang ingin dicari. Setelah melakukan googling, saya menemukan tutorial untuk membuat dropdown yang dynamic yaitu pada link berikut:  Create dynamic DropDownList in HTML using JavaScript  . Alasan dibuat dynamic adalah agar input daerah berikutnya yang merupakan bagian dari daerah sebelumnya ( misalkan provinsi lalu kabupaten) terikat, sehingga memudahkan user menemukan daerah yang...

PWEB - Tugas Latihan Javascript

Gambar
  Tugas Membuat Login Form dan Sign Up Form Putu Ravindra Wiguna 5025201237 1. Deskripsi Tugas Membuat login form dan signup formsederhana menggunakan HTML, CSS dan Javascript, dimana Javascript digunakan untuk memvalidasi input dari form tersebut dan memberikan alert kepada user. Berikut adalah source codenya login.html <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Submit Form </ title > </ head > < body align = "center" >     < h3 > LOGIN </ h3 >     < form form = "Login_form" onsubmit = " submit_form () " >         < h4 > USER NAME </ h4 >         < input type = "text" placeholder = "Ente...

PWEB - Tugas 2 Latihan HTML dan CSS

Gambar
   Tugas 2 Putu Ravindra Wiguna 5025201237 1. Deskripsi Tugas: Memilih salah satu dari 10 pilihan latihan HTML dan CSS pada link berikut  Top 10 Projects For Beginners To Practice HTML and CSS Skills - GeeksforGeeks 2. Hasil Tugas Di sini saya mencoba membuat parallax website dari beberapa tutorial yang saya dapat dari internet, yaitu  Design a Parallax Webpage using HTML & CSS - GeeksforGeeks  dan  How To Create a Parallax Scrolling Effect (w3schools.com) Berikut adalah hasil tugas tersebut: link website:  https://ravindrawiguna.github.io/parallaxweb/ Tampilan website: salah satu isi dari website     sekian terima kasih

PWEB - Tugas 1 Membuat Portofolio Website

Gambar
 Tugas 1 Putu Ravindra Wiguna 5025201237 1. Deskripsi Tugas: Membuat Portofolio Website HTML dan CSS 2. Hasil Tugas Di sini saya mencoba membuat portofolio website dari beberapa tutorial yang saya dapat dari internet, salah satunya dari channel DesignCourse dari video berikut:  Designing & Building a Personal Portfolio from SCRATCH! - YouTube Berikut adalah hasil tugas tersebut: link website:  Ravindra's Profile (ravindrawiguna.github.io) Tampilan website: tampilan paling atas tampilan paling bawah     sekian terima kasih