Assalamualaikum temen temen...
Ketemu lagi dengan mimin yuhuuu... kangen gak nih hehe, oke gengs kali ini mimin ingin memposting hasil karya mimin tentang contoh penggunaan for di dalam php, nah langsung saja ini dia codingannya
<!DOCTYPE html>
<html>
<head>
<title>Pola segiiga</title>
<link rel="stylesheet" href="coba.css">
</head>
<body>
<div>
<h3>Masukan bilangan</h3>
<form method="post" action="">
<input type="text" name="kalimat">
<p><input type="radio" name="warna" value="green">Hijau
<input type="radio" name="warna" value="purple">Ungu
<input type="radio" name="warna" value="yellow">Kuning
<input type="radio" name="warna" value="blue">Biru
<input type="radio" name="warna" value="grey">Abu
</p>
<button type="submit">Hitung</button>
</div>
<?php
error_reporting(0);
$warna= $_POST['warna'];
$kalimat = $_POST['kalimat'];
for ($i=1; $i <= $kalimat ; $i++) {
for ($b=1; $b <= $i ; $b++) {
echo"<div id='kotak' style ='background-color : $warna'></div>";
}
echo '<br>';
}
?>
</form>
</body>
</html>
<html>
<head>
<title>Pola segiiga</title>
<link rel="stylesheet" href="coba.css">
</head>
<body>
<div>
<h3>Masukan bilangan</h3>
<form method="post" action="">
<input type="text" name="kalimat">
<p><input type="radio" name="warna" value="green">Hijau
<input type="radio" name="warna" value="purple">Ungu
<input type="radio" name="warna" value="yellow">Kuning
<input type="radio" name="warna" value="blue">Biru
<input type="radio" name="warna" value="grey">Abu
</p>
<button type="submit">Hitung</button>
</div>
<?php
error_reporting(0);
$warna= $_POST['warna'];
$kalimat = $_POST['kalimat'];
for ($i=1; $i <= $kalimat ; $i++) {
for ($b=1; $b <= $i ; $b++) {
echo"<div id='kotak' style ='background-color : $warna'></div>";
}
echo '<br>';
}
?>
</form>
</body>
</html>
Biar gak terlalu monoton mimin kasih styling ini dia
body{
background-image: url(bahan/flash.jpg);
font-family: Tw Cen MT;
font-size: 30px;
color :black;
}
* {
box-sizing: border-box;
}
h3{
color: white;
}
div{
margin-top: 70px;
margin-left: 30px;
width: 565px;
height: auto;
padding: 20px;
border: 2px solid black;
border-radius: 20px;
border-color: white;
color :white;
transition: 1.5s;
}
input[type=text]{
background:none;
color:white;
font-family: tw cen mt;
font-size: 20px;
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
text-align: center;
border :2px solid white;
}
#kotak{
background-color: black;
width: 30px;
height: 30px;
display: inline-block;
margin: 15px;
}
button[type=submit]{
color:white;
background-color: green;
border: none;
width: 100%;
height: 40px;
border-radius:5px;
font-size: 20px;
}
button[type=submit]:hover{
opacity: 0.6;
zoom:105%;
background-image: url(bahan/flash.jpg);
font-family: Tw Cen MT;
font-size: 30px;
color :black;
}
* {
box-sizing: border-box;
}
h3{
color: white;
}
div{
margin-top: 70px;
margin-left: 30px;
width: 565px;
height: auto;
padding: 20px;
border: 2px solid black;
border-radius: 20px;
border-color: white;
color :white;
transition: 1.5s;
}
input[type=text]{
background:none;
color:white;
font-family: tw cen mt;
font-size: 20px;
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
text-align: center;
border :2px solid white;
}
#kotak{
background-color: black;
width: 30px;
height: 30px;
display: inline-block;
margin: 15px;
}
button[type=submit]{
color:white;
background-color: green;
border: none;
width: 100%;
height: 40px;
border-radius:5px;
font-size: 20px;
}
button[type=submit]:hover{
opacity: 0.6;
zoom:105%;
Nah mau tau kan hasilnya ini dia:
Jadi disini tuh mimin membuat sebuah pengulangan untuk menghasilkan output sebuah tangga dan kita juga bisa memilih warna dari tangganya, disini mimin menggunakan dua for, for yang pertama itu ungtuk mengulangi bilangan yang telah diinput, kemudian for yang kedua itu untuk mengulangi lingkaran lingkaran yang berwarna kuning, contohnya bisa dilihat diatas ya gengs.
Kemudian untuk radio button pilih warna, tak usah ribet ribet cari cara buat warnain satu satu, caranya simpel tinggal di tambah saja value = "warna" di dalam tag input type = "radio".
Nah mungkin itu saja yang bisa mimin bahas di pertemuan kali ini yaaa
0 Komentar