JSFiddle - React, Tailwind, and code Playground

by MAz Mawan

HTML

<html>

  <head>
    <title>Mahasiswa</title>
    <link type="text/css" rel="stylesheet" href="development-bundle/themes/ui-lightness/ui.all.css" />

    <script src="development-bundle/jquery-1.8.0.min.js"></script>
    <script src="development-bundle/ui/ui.core.js"></script>
    <script src="development-bundle/ui/ui.datepicker.js"></script>
    <script src="development-bundle/ui/i18n/ui.datepicker-id.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {
        $("#tglterbit").datepicker({
          dateFormat: "dd/mm/yy",
          changeMonth: true,
          changeYear: true,
          yearRange: '1900:2100',
          overflow: scroll,
        });
      });

    </script>
  </head>

  <body>

    <h1>halmanan mahasiswa</h1>

    <div id="menu">
      <a href="index.php?p=home">Home</a> /
      <a href=".../pages/about.php?p=about">About</a> /
      <a href="index.php?p=contact">Contact</a>
    </div>

    <div id="konten">
      <?php
		$pages_dir = 'pages';
		if(!empty($_GET['p'])){
			$pages = scandir($pages_dir, 0);
			unset($pages[0], $pages[1]);
 
			$p = $_GET['p'];
			if(in_array($p.'.php', $pages)){
				include($pages_dir.'/'.$p.'.php');
			} else {
				echo 'Halaman tidak ditemukan! :(';
			}
		} else {
			include($pages_dir.'/home.php');
		}
		?>
    </div>
    <div>
      <form action="simpan.php" methode="post"></form>
      <table>
        <tr>
          <td class="lebel">nim</td>
          <td>:</td>
          <td>
            <input type="text" name="nim" placeholder="masukan nim">
          </td>
        </tr>
        <tr>
          <td class="label">nama</td>
          <td>:</td>
          <td>
            <input type="text" name="nama" placeholder="masukan nama">
          </td>
        </tr>
        <tr>
          <td class="lebel">jenis kelamin</td>
          <td>:</td>
          <td>
            <input type="radio" name="jenis_kelamin" value="laki-laki">laki-laki

            <input type="radio"...

CSS

<?php $user_name="root";
$password="";
$database="datamahasiswa";
$host_name="localhost";
$connect_db=mysql_connect($host_name, $user_name, $password);
$find_db=mysql_select_db($database);
if ($find_db) {
  echo "Database  Ada";
}

else {
  echo "Database Tidak Ada";
}

?>

JavaScript

< ? pHp
include 'koneksi.php';
$nim = $_POST['nim'];
$nama = $_POST['nama'];
$jenis_kelamin = $_POST['jenis_kelamin'];
$tempat_lahir = $_POST['tempat_lahir'];
$tanggal_lahir = $_POST['tanggal_lahir'];
$alamat_asal = $_POST['alamat_asal'];
$alamat_sekarang = $_POST['alamat_sekarang'];
$no_telepon = $_POST['no_telepon'];
$email = $_POST['email'];
$dosen_pembimbing = $_POST['dosen_pembimbing'];
$jurusan = $_POST['jurusan'];
$fakultas = $_POST['fakultas'];
$username = $_POST['username'];
$password = $_POST['password'];
$query = mysql_query("INSERT INTO datamahasiswa (nim,nama,jenis_kelamin,tempat_lahir,tanggal_lahir,alamat_asal,alamat_sekarang,no_telepon,email,dosen_pembimbing,jurusan,fakultas,username,password)value
    ('$nim', '$nama', '$jenis_kelamin', '$tempat_lahir', '$tanggal_lahir', '$alamat_asal', '$alamat_sekarang', '$no_telepon', '$email,'
      $dosen_pembimbing ','
      $jurusan ','
      $fakultas ','
      $username ','
      $password ')");
      header("location:index.php"); ? >