Penjelasan & Tutorial

MENGITUNG RUMUS LUAS SEGITIGA DAN PERSEGI PANJANG DENGAN HTML By NEar

-
Hallo...Kali ini saya akan memberikan tutorial membuat sebuah program menghitung luas segi tiga dan persegi pamjang menggukan HTML dan javascrip. Nah sebelum lanjut membuat script program, apa itu HTML? apa itu Java script?.  

HTML (Hypertext Markup Language) adalah bahasa markah standar untuk sebuah dokumen yang dirancang untuk ditampilkan diperamban internet.
JavaScript  (JS) adalah salah satu bahasa pemrograman yang paling banyak digunakan dalam kurun waktu dua puluh tahun ini. Bahkan, bahasa pemrograman ini merupakan salah satu yang paling utama bagi web developer.

nah sudah pahamkan tentang javascript dan html? jika sudah paham mari gaskuen membuat script program form input dan output dimana nanti akan disediakan from untuk mengisi angka untuk menghitung rumus segitiga dan persegi panjang.   

cara menyimpan (save script program) lihat caranya di gambar hasil akhir!


Scrip Input:

<!DOCTYPE html>

<html>

<head>

                <title>profil</title>

</head>

<body>

                <form action="OutputRumus.php" method="POST">

                <h1>RUMUS-RUMUS</h1>

                <table border="1">

                                <tr>

                                                <td>Nilai 1</td>

                                                <td><input type="text" name="nilai1"></td>

                                </tr>

                                <tr>

                                                <td>Nilai 2</td>

                                                <td><input type="text" name="nilai2"></td>

                                </tr>

                                <tr>

                                                <td align="center" colspan="2"><input type="radio" name="rumus" value="segitiga">segitiga<br>

                                                                <input type="radio" name="rumus" value="persegi panjang">persegi panjang</td>

                                </tr>

                </table>

                <input type="submit" name="hitung" value="HITUNG">

                <input type="reset" name="reset" value="BATAL">

</form>

</body>

</html>


Script Output:

<!DOCTYPE html>

<html>

<head>

                <title>profil</title>

</head>

<body>

                <form action="OutputRumus.php" method="POST">

                <h1>RUMUS-RUMUS</h1>

                <table border="1">

                                <tr>

                                                <td>Nilai 1</td>

                                                <td><input type="text" name="nilai1"></td>

                                </tr>

                                <tr>

                                                <td>Nilai 2</td>

                                                <td><input type="text" name="nilai2"></td>

                                </tr>

                                <tr>

                                                <td align="center" colspan="2"><input type="radio" name="rumus" value="segitiga">segitiga<br>

                                                                <input type="radio" name="rumus" value="persegi panjang">persegi panjang</td>

                                </tr>

                </table>

                <input type="submit" name="hitung" value="HITUNG">

                <input type="reset" name="reset" value="BATAL">

</form>

</body>

</html>

Contoh hasil program Rumus lihat gambar dibawah ini: 

nah bisa dilihat tempat from untuk memasukkan angka pada nilai 1 dan 2, setelah memasukkan nilai tinggal pilih rumus apa yang akan di gunakan.












Form Hasil Penghitungan 

ini hasil mengitung rumus segitiga. mudah bukan?












Cara save scrip program yaitu script input dan output dipisah ya jangan dijadikan satu file. caranya jika script input sudah selesai baru buat lagi scrip outputnya.filenya beda nama, savenya di folder yang sama. jika menggunakan  notepad tekan CTRL+R atau save lalu ikuti langkah-langkah seperti gambar dibawah ini:















jika sudah cara membuka web html buka xampp lalu klik start Appache dan Mysql pada action, jika sudah buka google crome lalu ketikkan pada url localhost/nama folder lalu enter. 

nah Mudah bukan cara membuat rumus segi tiga dan persegi panjang menggunakan HTML.

sampai disini dulu ya ngab, jika ada pertanyaan komen aja ya sobb di sini kita sama-sama masih belajar xixix 😆

Komentar

Posting Komentar

Postingan populer dari blog ini

CSS - membuat web toko kue Sederhana menggunakan HTML dan CSS XAMPP by NEar

-
Gambar
Belajar membuat program sederhana  toko Kue mengunakan HTML dan CSS  Xaampp by NEar Contoh gambar web toko kue mengunakan Xampp Berikut contoh coding program sederhana HTML <!DOCTYPE html> <html lang="en"> <head>  <meta charset="UTF-8">  <title>MALAS COODING</title>  <link rel="stylesheet" href="style.css"> </head> <body>  <div class="container">   <div class="banner">    <div class="logo"><img src="logo-kue.jpg" alt="logo" width="100%" height="70px"></div>    <div class="title">CAKE SHOP DREAMS<br>    <div class="text-title">" DREAMS Halal, Enak, Lezat, Bergizi, Dan Berkualitas Tentunya "</div></div>    <div class="alamat">     Cengkareng Raya Jakarta Barat<br>     Jl.Cengkareng Raya Blok JJ no.6 Rt08/009<br>
Baca selengkapnya

MEMBUAT TABEL DATABASE PENGGAJIAN MYSQL DI CMD By NEar

-
Gambar
Membuat database mysql di CMD By NEar  Halo.. pada postingan kali ini, saya akan membahas bagaimana cara membuat tabel database mySQL di cmd.  Untuk membuat tabel dengan menggunakan mysql bisa dilakukan dengan dua cara; cara yang pertama adalah dengan menggunakan perintah query lewat cmd dan yang kedua menggunakan tools GUI ( Graphical User Interface ) PHPMyadmin. nah disini saya akan membahas membuat tabel database di CMD. ada juga yang menggukana phpMyadmin tetapi jika membuat database di phpmyadmin website lebih mudah jebol atau diretas ngab :v Pada tutorial kali ini saya akan berfokus dulu membuat tabel dengan perintah query melalui cmd  ( Command Prompt ). Untuk itu pertama kita perlu menginstall aplikasi xampp untuk memfasilitasi database mysql. Jika kalian belum mempunyai aplikasi tersebut silahkan install terlebih dahulu. Jika kalian sudah mempunyai aplikasi xampp langsung saja buka aplikasinya kemudian aktifkan module Apache dan MySQL dengan cara klik Start pada bagian actions
Baca selengkapnya