Membuat Aplikasi Sederhana Merubah Warna Background dengan PHP
Sejauh ini kita mengetahui bahwa PHP yaitu bahasa pemrogramman bagi program blog yang gampang digunakan dan banyak sekali orang yang memakainya, terutama di zaman digital sekarang ini ini. Banyak sekali aplikas – program besar maupun yang kecil memakai bahasa pemrogramman ini. Nah kali ini saya akan menshare Bagaimana Membuat Aplikasi Sederhana Merubah Warna Background dengan PHP, seketika saja kita praktekan teman – teman.
Ketikan kode PHP di bawah ini dan beri nama dengan nama index.php
<!DOCTYPE html>
<html lang=en>
<head>
<meta charset=UTF-8>
<title> Merubah Warna Background </title>
</head>
<body>
<?php
if(isset($_POST[submit])){
$warna = $_POST['background_color'];
echo <span>Warnanya yaitu</span> . <span style='font-size:25px;color:#fff;'>.$warna.</span>;
}
?>
<form action= method=post>
<select name=background_color>
<option> - pilih warna - </option>
<?php
$colors = array('blue' ,'red','yellow', 'purple','black', 'pink', 'lightblue' );
$jml = count($colors);
?>
<?php for ($i=0; $i < $jml; $i++) { ?>
<option value=<?php echo $colors[$i] ?>><?php echo $colors[$i] ?></option>
<?php } ?>
?>
</select>
<input type=submit value=Ubah Warna Backgroundname=submit>
</form>
<h1>Ini Judul Artikel</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro a nostrum laboriosam, fugit numquam. Deserunt est magni sunt aut molestiae minus in mollitia dignissimos possimus ad, pariatur quae ab, culpa! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur veritatis accusantium vero eveniet molestias rem cumque sed, esse eaque quis. Iusto, ipsum culpa expedita laboriosam voluptates harum aliquid quisquam enim.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro a nostrum laboriosam, fugit numquam. Deserunt est magni sunt aut molestiae minus in mollitia dignissimos possimus ad, pariatur quae ab, culpa! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque optio harum sint commodi fuga rerum nemo voluptatum aliquid voluptatibus cum. Ad tempora eaque hic incidunt cumque nulla ipsa alias dolores.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro a nostrum laboriosam, fugit numquam. Deserunt est magni sunt aut molestiae minus in mollitia dignissimos possimus ad, pariatur quae ab, culpa! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque optio harum sint commodi fuga rerum nemo voluptatum aliquid voluptatibus cum. Ad tempora eaque hic incidunt cumque nulla ipsa alias dolores.</p>
</body>
</html>
lalu setelah itu ketikan kode css di bawah ini dan beri nama dengan nama style.css
body{
background-color:
<?php
if(isset($_POST[submit])){
$warna = $_POST['background_color'];
echo $warna;
}
?>;
}
input[type=submit]{
border: none;
background-color: #123;
color: #fff;
padding: 5px;
cursor: pointer;
}Bila kalian coba rubah di option alternatif warnanya karenanya warna background akan berubah sesuai alternatif kalian.
Sekianlah panduan Membuat Aplikasi Sederhana Merubah Warna Background dengan PHP, semoga bermanfaat yah..
Sumber https://kursuswebsite.org
