Kuis 1 Pemrograman Web - Membuat Website Registrasi
Nama: Selfira Ayu Sheehan
NRP: 5025201174
Kelas: Pemrograman Web A
Penugasan membuat form login dan signup
Link Repository: Click Here
Code HTML
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!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 Registrasi Lomba</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="index.js"></script> | |
| </head> | |
| <body> | |
| <div class="body"> | |
| <h1>FORMULIR REGISTRASI</h1> | |
| <h3>PESERTA</h3> | |
| <table cellspacing="2" text-align="center" cellpadding="8" border="0"> | |
| <tr><td>Nama Lengkap & Gelar</td> | |
| <td><input type="text" id="nama"</td></tr> | |
| <tr><td>Asal Instansi / Kota</td> | |
| <td><input type="text" id="asal"</td></tr> | |
| <tr><td>Alamat</td> | |
| <td><input type="text" id="alamat"</td></tr> | |
| <tr><td>Kode Pos</td> | |
| <td><input type="text" id="kodepos"</td></tr> | |
| `<tr><td>Provinsi</td> | |
| <td><input type="text" id="provinsi"</td></tr> | |
| <tr><td>Telepon / Handphone</td> | |
| <td><input type="text" id="telp"</td></tr> | |
| <tr><td>Email</td> | |
| <td><input type="text" id="email"</td></tr> | |
| <tr><td>Sponsor</td></tr> | |
| <tr><td>Nama Perusahaan</td> | |
| <td><input type="text" id="namper"</td></tr> | |
| `<tr><td>Alamat Perusahaan</td> | |
| <td><input type="text" id="alper"</td></tr> | |
| <tr><td>Nama Kontak Personal</td> | |
| <td><input type="text" id="konper"</td></tr> | |
| <tr><td>Telp. Personal</td> | |
| <td><input type="text" id="telper"</td></tr> | |
| <tr><td>Email Perusahaan</td> | |
| <td><input type="text" id="emper"</td></tr> | |
| </table> | |
| <p>Kontribusi peserta Rp 2.500.000.- (Dua Juta Lima Ratus Ribu Rupiah) belum termasuk | |
| penginapan dan akomodasi. | |
| </p> | |
| <p>Konfirmasi Kepesertaan :</p> | |
| <ul> | |
| <li>Sebelum 15 Januari 2012 : Rp 2.500.000.-</li> | |
| <li>Sesudah 15 Januari 2012 : Rp 2.750.000.-</li> | |
| <li>On Site : Rp 3.000.000.-</li> | |
| </ul> | |
| <p>Pembatalan pendaftaran :</p> | |
| <ul> | |
| <li>sebelum H-5, uang dikembalikan 50%</li> | |
| <li>sesudah H-5, uang tidak dapat dikembalikan</li> | |
| </ul> | |
| <p>Akomodasi penginapan peserta, harga kamar kelas standar berkisar antara Rp 250.000.- - Rp 300.000.-.- *)</p> | |
| <h4>Pendaftaran via transfer Bank ke :</h4> | |
| <h4> Bank : Bank BCA KCU Cirebon</h4> | |
| <h4>No. Rekening : 1341015478</h4> | |
| <h4>Atas Nama : Junaedi, S.Kep</h4> | |
| <div class="outro"> | |
| <p>Bukti transfer mohon dikirim ke alamat sekretariat Panitia UPTD Puskesmas Sitopeng</p> | |
| <p>Jl. Sekarsari No. 1 Argasunya Harjamuka Kota Cirebon</p> | |
| <p>atau kirim ke email: entreprenur5641@gmail.com</p> | |
| <p>Konfirmasi setelah transfer ke 0813232805</p> | |
| </div> | |
| <div class="bttn"> | |
| <button type="submit" onClick="register()">Daftar</button> | |
| </div> | |
| </body> | |
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body { | |
| background: #FF9494; | |
| align-content: center; | |
| position: relative; | |
| font-family: 'Poppins', sans-serif; | |
| } | |
| .row { | |
| display: flex; | |
| } | |
| .column { | |
| flex: 75%; | |
| } | |
| .body { | |
| background-color: #FFF5E3; | |
| background-position: center; | |
| height: max-content; | |
| alignment: center; | |
| margin: auto; | |
| width: max-content; | |
| padding: 10px; | |
| justify-content: center; | |
| align-items: center; | |
| } | |
| .body h1 { | |
| color: black; | |
| font-size: medium; | |
| text-align: center; | |
| } | |
| .body h3 { | |
| color: black; | |
| text-align: left; | |
| } | |
| .body td { | |
| color: black; | |
| text-align: left; | |
| } | |
| .bttn { | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| } | |
| .outro { | |
| border: #FF9494; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function register() { | |
| var n=document.getElementById("nama").value; | |
| var o=document.getElementById("asal").value; | |
| var a=document.getElementById("alamat").value; | |
| var k=document.getElementById("kodepos").value; | |
| var p=document.getElementById("provinsi").value; | |
| var t=document.getElementById("telp").value; | |
| var e=document.getElementById("email").value; | |
| var np=document.getElementById("namper").value; | |
| var ap=document.getElementById("alper").value; | |
| var kp=document.getElementById("konper").value; | |
| var tp=document.getElementById("telper").value; | |
| var ep=document.getElementById("emper").value; | |
| var letters = /^[A-Za-z]+$/; | |
| var email_val = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; | |
| if (n==''||o==''||a==''||k==''||p==''||t==''||e==''||np==''||ap==''||kp==''||tp==''||ep=='') { | |
| alert("Seluruh bidang harus diisi"); | |
| } else { | |
| alert("Registrasi berhasil"); | |
| }; | |
| } |
Comments
Post a Comment