Membuat Aplikasi Sederhana Merubah Warna Background dengan PHP

Sejauh ini kita mengetahui bahwa PHP adalah bahasa pemrogramman untuk aplikasi website yang mudah digunakan dan banyak sekali orang yang memakainya, terutama pada zaman digital sekarang ini. Banyak sekali aplikas – aplikasi besar maupun yang kecil memakai bahasa pemrogramman ini. Nah kali ini saya akan menshare Bagaimana Membuat Aplikasi Sederhana Merubah Warna Background dengan PHP, langsung 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 adalah</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 Background"	name="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 pilihan warnanya maka warna background akan berubah sesuai pilihan kalian.

Sekian tutorial Membuat Aplikasi Sederhana Merubah Warna Background dengan PHP, semoga bermanfaat yah..

Membuat Aplikasi Sederhana Merubah Warna Background dengan PHP

Kategori