PHP - Simple Hour to Day Converter

Submitted by razormist on Thursday, April 25, 2019 - 20:59.
In this tutorial we will create a Simple Hour to Day Converter using PHP. This code will calculate the given total hour in a day format when the user click the convert button. The code use a HTML POST method to initiate a special formula that calculate the given hour to get the exact day format value. This is a user-friendly kind of program feel free to modify it. We will be using PHP as a scripting language and interpreter that is used primarily on any webserver including xamp, wamp, etc. It is being use to any famous websites and it has a modern technology that can easily be use by the next generation.

Getting Started:

First you have to download & install XAMPP or any local server that run PHP scripts. Here's the link for XAMPP server https://www.apachefriends.org/index.html. And, this is the link for the bootstrap that i used for the layout design https://getbootstrap.com/.

Creating The Interface

This is where we will create a simple form for our application. To create the forms simply copy and write it into your text editor, then save it as index.php. 
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. 	<head>
  4. 		<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1" />
  5. 		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
  6. 	</head>
  7. <body>
  8. 	<nav class="navbar navbar-default">
  9. 		<div class="container-fluid">
  10. 			<a class="navbar-brand" href="https://sourcecodester.com">Sourcecodester</a>
  11. 		</div>
  12. 	</nav>
  13. 	<div class="col-md-3"></div>
  14. 	<div class="col-md-6 well">
  15. 		<h3 class="text-primary">PHP - Simple Hour to Day Converter</h3>
  16. 		<hr style="border-top:1px dotted #ccc;"/>
  17. 		<div class="col-md-2"></div>
  18. 		<div class="col-md-8">
  19. 			<form method="POST" action="">
  20. 				<center><label>Enter a hour</label></cemnter>
  21. 				<center><input type="number" name="hour" style="width:200px;" class="form-control" min="0" required="required"/></center>
  22.  
  23. 				<br />
  24. 				<center><button class="btn btn-primary" name="convert">Convert to Day</button></center>
  25. 			</form>
  26. 			<br />
  27. 			<?php include'convert.php'?>
  28. 		</div>
  29. 	</div>
  30. </body>	
  31. </html>

Creating the Main Function

This code contains the main function of the application. This code will convert the hour into day when the button is clicked. To make this just copy and write these block of codes below inside the text editor, then save it as convert.php 
  1. <?php
  2. 	if(ISSET($_POST['convert'])){
  3. 		$hour = $_POST['hour'];
  4. 		$cal = $hour*3600;
  5. 		$toDay = $cal/(24*3600);
  6. 		$day = round($toDay, 2);
  7.  
  8. 		echo "<center><label style='font-size:20px;'><span class='text-primary' style='font-size:27px;'>".$hour."hr</span> is equivalent to <span class='text-primary' style='font-size:27px;'>".$day."days</span></label></center>";
  9. 	}
  10. ?>
There you have it we successfully created Simple Hour to Day Converter using PHP. I hope that this simple tutorial help you to what you are looking for. For more updates and tutorials just kindly visit this site. Enjoy Coding!

Tags

Add new comment

About text formats
  • 142 views