Koding untuk Perkalian di PHP dan HTML

11:32:00 PM
Berikut ini merupakan koding sederhana,untuk melakun proses perhitungan perkalian di dalam web browser dengan menggunkan PHP dan HTML.yang sobat semua pasti bisa untuk membuatnya.

Persiapan :
Editor notepad++
Web browser Crome or firefox.
pastikan akses localhost sobat sudah aktif.

Pertama buat file index.php dan simpan di folder yang sobat tentukan,
kemudian copy contoh koding berikut yang kemungkinan sobat bisa kembangkan koding nya,


<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Koding Sederhana CIWER.ID</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="jumbotron col-md-4">
<div class="panel panel-primary ">
<div class="panel-heading">
<h3 class="panel-title">
CIWER.ID</h3>
</div>
<div class="panel-body">

<!--Koding .PHP-->
<?php
//definisikan setiap variabel yang digunakan
    $nilai1 = "";
    $nilai2 = "";
    $nilai3 = "";
if(isset($_POST['text1'])and
        ($_POST['text2'])
        ){
    $nilai1 = $_POST['text1'];    #mengambil nilai didalam
    $nilai2 = $_POST['text2'];    #formulir sesuai name yang ada
    $nilai3 = $nilai1*$nilai2;
}
?>
<!--end koding .PHP--> 
<form action="index.php" method="post">
    <input type="text" class="form-control" name="text1" value="<?php echo $nilai1?>" placeholder="masukkan angka"><br/>
    <input type="text" class="form-control" name="text2" value="<?php echo $nilai2?>" placeholder="masukkan angka"><br/>
    <input type="submit" class="btn btn-primary" value="Tambah">
 <br/><br/>
    <input type="text" class="form-control" value="<?php echo $nilai3?>"/>
</form>
</body>
</html>

koding di atas,yang pertama kali dilakukan adalah menginisiali variabel yang dibutuhkan, setelah itu, mengambil nilai dari dalam formulir sesuai dengan name masing-masing.

Kemudian pata button form action. Terdapat aksi menuju ke dokumen index.php yang tak lain adalah dokumen untuk file program itu sendiri. Jadi eksekusi program dilaksanakan dengan tujuan formulir . HTML pada dokumen yang sama.

dan koding di atas sudah di lengkpi dengan ccs bootstrap ,yang berfungsi untuk mempercantik tampilan desain contoh program tersebut..

OK sobat sekian semoga artikel ini membantu..
Baca Juga artikel Yang cocok dengan pencarian sobat . Baca disini

Artikel Terkait

Previous
Next Post »