Posts

Tugas 7 Pemrograman Web C: Validasi JQuery

Image
index.html: 1: <html> 2: <head> 3: <title>Validasi Form dengan JQuery Validation - Achmatim.Net</title> 4: <script type="text/javascript" src="jquery/jquery.min.js"></script> 5: <script type="text/javascript" src="jquery/jquery.validate.js"></script> 6: <script type="text/javascript"> 7: $(document).ready(function() { 8: $('#frm-mhs').validate({ 9: rules: { 10: nim : { 11: digits: true, 12: minlength:10, 13: maxlength:10 14: }, 15: tgl : { 16: indonesianDate:true 17: }, 18: umur: { 19: digits: true, 20: range: [0, 100] 21: }, 22: em...
Post a Comment
Read more

Tugas 6 Pemrograman Web C: Latihan JQuery

Image
Index.html: 1: <!doctype html> 2: <html lang="en"> 3: <head> 4: <!-- Required meta tags --> 5: <meta charset="utf-8"> 6: <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 7: <!-- Bootstrap CSS --> 8: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous"> 9: <title>Contoh Program Jquery Sederhana Part 1</title> 10: </head> 11: <body> 12: <br> 13: <br> 14: <br> 15: <!-- Buat h1 untuk menampilkan nilai ketika tombol tekan di klik--> 16: <center><h1></h1></center> 17: <!-- Buat tombol--> 18: <center><b...
Post a Comment
Read more

Tugas 5 Pemrograman Web C: Latihan Bootstrap

Image
 index.html 1: <!DOCTYPE html> 2: <html> 3: <head> 4: <title>Latihan Bootstrap</title> 5: <meta charset="utf-8"> 6: <meta name="viewport" content="width=device-width, initial-scale=1"> 7: <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> 8: <script src="bootstrap/js/bootstrap.min.js"></script> 9: </head> 10: <body> 11: <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> 12: <a class="navbar-brand" href="#"> 13: <img src="/image/coding-programming-language-svgrepo-com.svg" width="50" alt=""> 14: </a> 15: <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"> 16: ...
Post a Comment
Read more

Kuis 1 Pemrograman Web C : HTML, CSS, dan JS

Image
 index.html : 1: <!DOCTYPE html> 2: <html lang="en"> 3: <head> 4: <meta charset="UTF-8"> 5: <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6: <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7: <link rel="stylesheet" href="styles.css" /> 8: <title>Quiz 1 : Formulir Pendaftaran</title> 9: </head> 10: <body> 11: <div class="container"> 12: <div class="header"> 13: <h1>PEMERINTAH KABUPATEN SOLOK</h1> 14: <h1>RUMAH SAKIT UMUM DAERAH AROSUKA</h1> 15: <h3>Jl. Raya Solok Padang KM. 20 Arosuka Kode pos 27364</h3> 16: <h3>Propinsi Sumatra Barat Telp / Fax (0755) 31160</h3> 17: <h3>Email : raudarosukakabsolok@gmail.com</h...
Post a Comment
Read more

Tugas 4 Pemrograman Web C: Membuat Pencarian Kode Pos

Image
 index.html: 1: <!DOCTYPE html> 2: <html lang="en"> 3: <head> 4: <meta charset="UTF-8"> 5: <link rel="stylesheet" href="styles.css" /> 6: <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7: <meta name="viewport" content="width=device-width, initial-scale=1.0"> 8: <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway"> 9: <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins"> 10: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> 11: <script src="script.js"></script> 12: <title>Kode Pos</title> 13: </head> 14: <body> 15: <div id="container"> 16: <div class="main-conta...
Post a Comment
Read more

Tugas 3 Pemrograman Web C: Membuat Form

Image
index.html: 1: <!DOCTYPE html> 2: <html lang="en"> 3: <head> 4: <meta charset="UTF-8"> 5: <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6: <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7: <title>Document</title> 8: <link rel="stylesheet" href="index.css"> 9: </head> 10: <body> 11: <h3> LOGIN </h3> 12: <form id='Login_form' onsubmit="submit_form()"> 13: <h4> USERNAME </h4> 14: <input type="text" placeholder="Enter your email id"/> 15: <h4> PASSWORD </h4> 16: <input type="password" placeholder="Enter your password" /></br></br> 17: <input type="submit" value="Login" /> 18: ...
Post a Comment
Read more

Tugas 2 Pemrograman Web C: Membuat CSS

Image
HTML : 1: <html> 2: <head> 3: <title>Belajar Membuat Website Dengan Mudah</title> 4: <link rel="stylesheet" href="custom.css"/> 5: </head> 6: <body> 7: <div class="header"> 8: <div class="jarak"> 9: <h2>Belajar Membuat Website Dengan Mudah</h2> 10: </div> 11: </div> 12: <div class="menu"> 13: <ul> 14: <li><a href="#">Home</a></li> 15: <li><a href="#">About</a></li> 16: <li><a href="#">Blog</a></li> 17: <li><a href="#">Contact</a></li> 18: </ul> 19: </div> 20: <div class="content"> 21: <div class="jarak"> 22...
Post a Comment
Read more