#24 Intermediate Web | Web Programming Tutorial ~ Angga Gemilang Blog

Assalamualaikum wr, wb

Pada kesempatan ini saya Angga Gemilang dari kelas XI - RPL 1 akan memperlihatkan kepada kalian salah satu kemapuan dari bahasa PHP di web development, yaitu menghitung karakter dan menyebutkan mana saja huruf yang termasuk kedalam huruf n. saksikan saja sesaat lagi, semoga kalian mengerti. Check It Out...

Tanpa langsung berlama-lama. silahkan disimak penjelasan-penjelasan saya dibawah ini :

Looping Membentuk Segitiga
Penjelasannya...

Jujur saja, ini merpakan salah satu tugas dari pelajaran produktif di sekolah saya, yaitu membuat pengulangan agar membentuk sebuah bentuk. tanpa berlama - lama langsung saja. Check It Out! : :

CSS:

 <style type="text/css">
  body
  {
   font-family: arial;
  }
  h1
  {
   text-transform: uppercase;
  }
  label{
   width: 15%;
   float: left;
  }
  input[type="submit"]
  {
   border: none;
   background: salmon;
   padding: 5px 20px;
   margin-left: 10px; 
   color: #fff;
   text-transform: uppercase;
   cursor: pointer;
   transition: .5s;
  }
  input[type="submit"]:hover
  {
   box-shadow: 0 2px 10px rgba(0,0,0,.5);
  }
  .kotak{
   width: 25px;
   height: 25px;
   margin: 1px;
   display: inline-block;
  
 </style>

HTML:

<!DOCTYPE html>
<html>
<head>
 <title>Tangga Berwana</title>
</head>
<body>
 <h1>Tangga Berwarna</h1>
 <form method="post">
 <label>Jumlah Anak Tangga</label> 
 : <input type="text" name="jumlah" style="margin-bottom: 10px;" required="required" ><br/>
 
 <label>Warna</label>
 : <input type="radio" name="warna" value="green" required="required">Hijau
 <input type="radio" name="warna" value="purple" required="required">Ungu
 <input type="radio" name="warna" value="yellow" required="required">Kuning
 <input type="radio" name="warna" value="blue" required="required">Biru
 <input type="radio" name="warna" value="grey" required="required">Abu - Abu
 <input type="submit" name="" value="Buat Tangga">
 </form>
 <body>
<html>

PHP :

<?php 
 if (isset($_POST['warna']) && isset($_POST['jumlah'])) {
  $warna = $_POST['warna'];
  $jumlah = $_POST['jumlah'];
  if (!empty($warna) || !empty($jumlah)) {
    for ($i=0; $i <= $jumlah; $i++){ 
    for ($j = 0; $j < $i ; $j++) { 
    echo "<div class='kotak' style='background-color: $warna'></div>";
    } 
    echo "<br/>";
   }
  } else{
   die("Isi dengan lengkap form diatas");
  }
  } 
  ?>

Hasil Dari Pengerjaan Menghitung Karakter n Pada PHP :

Mungkin sekian saja yang dapat kami sampaikan pada kesempatan kali ini dalam post yang berjudul #19 Intermediate Web | Web Programming Tutorial karena postingan juga sudah sangat panjang, pinggang kami juga kayaknya sudah encok, mata udah sangat lelah melihat codingan yang begitu panjang dan acak-acakan. saya cukupkan saja.

Wassalamualaikum wr, wb

Angga Gemilang Blog

Kamis, 25 Oktober 2018

#24 Intermediate Web | Web Programming Tutorial

Assalamualaikum wr, wb

CSS:

HTML:

PHP :

0 komentar:

Posting Komentar

Follow Me

Clock

Calendar

Popular Posts

Blog Archive

About Me

Sent Quick Message

Translate

Translator's Flag

SMK Negeri 4 Bandung

Pesan Dari Admin

About