Pages

Latihan membuat Form Pembelian menggunakan PHP HTML & CSS

 


Hasilnya


Buat dua file coding untuk form awal dan proses dari form tersebut. Untuk coding file pertama masukkan:

Coding Awal untuk Interface

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Latihan PHP</title>
    <style media="screen">
      .link{
        font-family: verdana;
        color:#42f5b9;
      }
    </style>
  </head>
  <body style="background-color:#42f5b9;">
   
    <h2>Form Penjualan</h2>
    <form action="test1.php" method="post">
      <table>
        <tr>
          <td>Nama Barang</td>
          <td>:</td>
          <td> <input type="text" name="nama_barang" value=""> </td>
        </tr>
        <tr>
          <td>Harga Barang</td>
          <td>:</td>
          <td> <input type="number" name="harga_barang" value=""> </td>
        </tr>
        <tr>
          <td>Jumlah Barang</td>
          <td>:</td>
          <td> <input type="number" name="jumlah" value=""> </td>
        </tr>
        <tr>
          <td></td>
          <td></td>
          <td>
            <input type="submit" name="" value="Proses">
            <input type="reset" name="" value="Reset">
            <br>
          </td>
        </tr>
      </table>
    </form>
  </body>



Lalu yang kedua masukkan coding di bawah ini:

Coding untuk proses

<?php
 
$nama = $_POST['nama_barang'];
$harga = $_POST['harga_barang'];
$jumlah = $_POST['jumlah'];
 
$hitung = $harga * $jumlah;
 
if ($hitung >= 35000) {
  $diskon = 0.05 * $hitung;
}else{
  $diskon = 0;
}
 
$bayar = $hitung - $diskon;
?>
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>:Penjualan</title>
    <style media="screen">
      .link{
        font-family: Tahoma;
        color:blue;
      }
    </style>
  </head>
  <body style="background-color:#42f5b9;">
   
    <h2>Hasil Proses Penjualan</h2>
    <?php echo "Terimakasih karena telah membeli ". $nama." kami. Karena Anda telah membeli sebanyak: ". $jumlah.
               ", maka Anda mendapatkan diskon sebesar: ". $diskon."! Silakan bayar sebesar: Rp. ".$bayar?>
    <br>
    <br>          
    <a href="pembayaran.php"><< Kembali</a>
  </body>
</html>


Saya set diskon setengah dari total bayar jika total bayarnya lebih dari 35k

Jangan lupa connect kedua file coding tersebut dengan <a href="namafile.php">


0
di Tidak ada komentar:

Tugas PHP Part 3


<!DOCTYPE>
<html lang="en">
    <title>Latihan PHP Part 3</title>
    <body style="background-color:#42f5b9;">
<?php
$TDString= "Halo Dunia";
echo "<br> Menampilkan Tipe Data String: $TDString";

$TDInteger= 505;
echo "<br> Menampilkan Tipe Data Interger: $TDInteger";

$TDFloat= 505.5;
echo "<br> Menampilkan Tipe Data Float: $TDFloat";

$TDBoolean= TRUE;
echo "<br> Menampilkan Tipe Data Boolean bernilai TRUE: $TDBoolean";

$TDArray= array('Dimas, Anjay, Mabar, Meyden, Gaming, Buddy ');
echo "<br> Menampilkan Elemen Pada Array: <br>";
print_r ($TDArray);

echo"<br>";
$TDnull= NULL;
echo "Dikarenakan Tipe Data Null isinya itu kosong (Tidak memiliki niali)
maka akan ditampiknan undefined $TDNull <br>";
?>

<?php
class BelajarMembuatObjek
{
 function test(){
  echo "<br> Jadi ini adalah text yang dipanggil melalui objek yang dibuat di class ygy";
 }
}
$TDObject = new BelajarMembuatObjek();
$TDObject->test();
?>
</body>
</html>


 

0
di Tidak ada komentar:

Tugas PHP Part 1

 


<!DOCTYPE>
<html lang="en">
<head>
    <title>Latihan PHP Part 1</title>

    <div style="display: flex;">

    <img width=290 height=280 src='fourFingersMeme.png'>

    <video style="margin-left: 40px;" width="320" height="270" controls>
    <source  src="contohVideo.mp4" type="video/mp4">
    </video>

    </div>

    <style type="text/css">
      .tgl{
        text-align:center;
        font-family: verdana;
        font-size: 20px;
        color: white;
      }
      .text{
        text-align:center;
        font-family: Arial;
        font-size: 30px;
        color: white;
      }
      </style>
      </head>
     
      <body style="background-color:#42f5b9;">
      <div style="margin-top: 10%;">
        <?php
        echo '<div class="text"> today`s date </div>';
        echo '<br>';
        echo '<div class="tgl">'.date("d-M-Y").'</div>';
    ?>
    </div>

</body>
</html>


0
di Tidak ada komentar:

Tugas PHP Part 2

 


<!DOCTYPE>
<html lang='en'>
    <head>
        <title>Latihan PHP Part 2</title>
        <style>

        </style>
    </head>
    <body style="background-color:#42f5b9;">
    <?php
    $nama = "Gustafo";
    $umur = "69";
    $kecerdasan = "100%";

    echo "Nama Chad: $nama <br>";
    echo "Umur Chad: $umur <br>";
    echo "Tingkat Kecerdasan: $kecerdasan";
    ?>

    <table border="1" cellpading="3" cellspacing="3">
        <tr>
            <td>Nama Chad: </td>
            <td><?php echo $nama; ?></td>
        </tr>
        <tr>
            <td>Umur Chad: </td>
            <td><?php echo $umur; ?></td>
        </tr>
        <tr>
        <td>Tingkat Kecerdasan: </td>
        <td><?php echo $kecerdasan; ?></td>
        </tr>
    </table>
    </body>
</html>


0
di Tidak ada komentar:

Teknologi Aplikasi Web Server Menggunakan XAMPP dan PHP

 Cara menggunakan XAMPP untuk membuat local host di personal dekstop kalian.

1. Download XAMPP di (https://www.apachefriends.org/download.html)

2. Pilih versi XAMPP sesuai pilihan kalian untuk didownload


3. Setelah didownload buka lalu pilih komponen yang ingin didownload, jika saya memilih sebagai berikut:

4. Lalu tekan next next saja, sampai Anda bisa memilih di mana file XAMPP ini akan berada
jika saya memilih di sini

5. Setelah selesai pencet next-next buka XAMPP yang tampilannya akan jadi seperti ini, dan tekan start pada kedua tombol ini

6. Tapi sebelum itu jika kita ingin menjalankan coding kita. Kita harus membuat file codingannya di dalam foler 'htdocs' yang ada dalam file XAMPP 

7. Caranya kita dapat membuka Visual Studio Code kita dan membuka folder baru, lalu buka lah folder htdocs itu dan klik next

SELESAI TERIMAKASIH












0
di Tidak ada komentar:

Contoh dan Penjelasan Kode Script Properti-Properti dalam CSS

 Margin,Padding,Float,Absolute,border,display,box model.



MARGIN DAN PADDING

(https://www.webhozz.com/blog/wp-content/uploads/2019/06/css_padding_vs_margin.jpg)


Margin
Margin berfungsi untuk mengatur halaman pada html pada bagian luarnya, bisa dibilang margin berfungsi untuk mengatur space pada bagian luar text atau elemen di luar halaman HTML.
<h3 style="background-color: greenyellow; margin: 10px;">Menggunakan Margin</h3>
Format penggunaan margin ini adalah kita memilih jenis margin kanan, kiri, bawah, atau atas. Lalu kita memilih jarak spasi atau jarak dari blank kosong ke text.


Contoh menggunakan properti margin pada HTML agar tidak bingung:
<!DOCTYPE html>
<html>
    <head>
    </head>
        <body>
            <h3 style="background-color: greenyellow; margin-top: 50px;">Margin Atas</h3>
            <h3 style="background-color: greenyellow; margin-right: 60px;">Margin Kanan</h3>
            <h3 style="background-color: greenyellow; margin-bottom: 40px;">Margin Bawah</h3>
            <h3 style="background-color: greenyellow; margin-left: 60px;">Margin Kiri</h3>
        </body>
</html>


 BORDER

Border merupakan garis tepi yang dapat digunakan untuk membuat pembatas antara text pada halaman HTML.













0
di Tidak ada komentar:
Langganan: Postingan (Atom)

copyright © . all rights reserved. designed by Color and Code

grid layout coding by helpblogger.com