This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

Kamis, 23 April 2020

Cara Membuat Tabel Menggunakan HTML

By  Tidak ada komentar:
Hello,sobat programer kali ini saya akan berbagi tutorial bagaimana cara membuat tabel menggunakan HTML dengan mudah dan simpel.
Pada tutorial kali ini saya akan membahas dulu mengenai HTML bagi anda.

Apa itu HTML?
HTML adalah sebuah markah yang digunakan untuk membuat sebuah halaman web dan menampilkan informasi didalam sebuah penjelajah web internet dan pemformatan hipertesk sederhana agar dapat menghasilkan tampilan wujud yang terintegrasi.


CARA MEMBUAT TABLE DIDALAM HTML

 Setelah mengetahui pengertian HTML,kini kita mengetahui lebih dalam membuat tutorial cara membuat tabel di dalam HTML.
Disini saya sudah sediakan satu contoh tutorial.

Contoh gambar tabel



Bagi kalian yang ingin membuat tutorial HTML menggunakan tabel sepertia pada gambar berikut,Disini saya sudah sediakan Langkah-Langkah pembuatanya.

Pertama-tama kalian buat dulu nama filenya.



Untuk lebih jelas saya sudah sediakan Scriptnya dibawah ini bagi kalian agar memudahkan kalian membuat tabel di dalam HTML.




Kini anda sudah mengetahui cara membuat tabel menggunakan HTML, dengan dilengkapi beberapa contoh script dan juga gambar.

Jadi begitulah sobat cara membuat tabel di dalam HTML,dengan contoh berikut anda dapat dengan mudah memahami tentang HTML,
sekian dari saya agar bermanfaat bagi anda yang ingin belajar HTML.

SELAMAT MENCOBA...
Share:
Read More

Jumat, 17 April 2020

Tabel 1

By  Tidak ada komentar:
Contoh Script Tabel 1:

<!DOCTYPE html>
<html>
<head>
<title>tabel 1</title>
</head>
<body>

 <table border="2" cellspacing="0" cellpadding="20" align="center">
<tr>
<th>1,1</th>
<th>1,2</th>
<th>1,3</th>
<th>1,4</th>
</tr>
<tr>
<th>2,1</th>
<th colspan="2" rowspan="2" align="center">?</th>
<th>2,4</th>
</tr>
<tr>
<th>3,1</th>
<th>3,4</th>
</tr>
<tr>
<th>4,1</th>
<th>4,2</th>
<th>4,3</th>
<th>4,4</th>
</tr>

 </body>
</html>
Share:
Read More

Tabel 2

By  Tidak ada komentar:
Contoh Script Tabel 2:

<!DOCTYPE html>
<html>
<head>
<title>tabel 2</title>
</head>
<body>

 <table border="1" cellspacing="0" cellpadding="5">
<tr>
<td rowspan="3">rowspan 3</td>
<td colspan="2">colspan 2</td>
</tr>
<tr>
<td>2,2</td>
<td>2,3</td>
</tr>
<tr>
<td>3,2</td>
<td>3,3</td>
</tr>

 </table>

 </body>
</html>
Share:
Read More

Minggu, 12 April 2020

Cara Membuat Coding Menggunakan Tabel Didalam HTML

By  Tidak ada komentar:
Hello,sobat programer kali ini saya akan berbagi tutorial bagaimana cara membuat Coding menggunakan tabel didalam HTML dengan mudah dan simpel.
Pada tutorial kali ini saya akan membahas dulu mengenai HTML bagi anda.

Apa itu HTML?
HTML adalah sebuah markah yang digunakan untuk membuat sebuah halaman web dan menampilkan informasi didalam sebuah penjelajah web internet dan pemformatan hipertesk sederhana agar dapat menghasilkan tampilan wujud yang terintegrasi.

Pada kesempatan kali ini saya memberikan tutorial cara membuat Coding menggunakan tabel di dalam HTML, pada contoh gambar berikut.
Disini saya sudah sediakan contoh tutorial pertama contoh.

Contoh gambar


Bagi kalian yang ingin membuat tutorial HTML pada gambar berikut,Disini saya sudah sediakan Langkah-Langkah pembuatanya HTML.
Untuk lebih jelas saya sudah sediakan Scriptnya dibawah ini bagi kalian agar dapat memudahkan kalian cara membuat tutorial Coding di dalam HTML.

Contoh Script:

 <!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body bgcolor="">

 <table border="3" cellspacing="0" cellpadding="20" align="center">
<tr>
<td><lable for="username">username :</lable></td>
<td><input type="text" id="username"></td>
<br> <br>
</tr>
<tr>
<td><lable for="pass">password : </lable></td>
<td><input type="password" id="pass"></td>
</tr>
<br>
<tr>
<td colspan="2" align="center"><input type="radio" id="laki-laki" name="jeniskelamin"><label for="laki-laki">laki-laki</label>
<input type="radio" id="perempuan" name="jeniskelamin"><label for="perempuan">perempuan</label></td>
</tr>
<br>
<tr>
<td colspan="2" align="center"><input type="checkbox" id="bersepeda"><label for="bersepeda">bersepeda</label>
<input type="checkbox" id="sepak bola"><label for="sepak bola">sepak bola</label>
<input type="checkbox" id="renang"><label for="renang">renang</label>
<input type="checkbox" id="mancing"><label for="mancing">mancing</label></td>
</tr>

<tr>
<br>
<td><lable for="pass">Deskripsi : </lable></td>
<td>
<textarea></textarea>
</td>
</tr>
<tr>
<br>
<td colspan="2" align="center"><button type="submit">KIRIM</button></td>
</tr>

</body>
</html>


Kini anda sudah mengetahui cara membuat tutorial Coding menggunakan tabel di dalam HTML, dengan dilengkapi beberapa contoh script dan juga gambar.

Jadi begitulah sobat cara membuat Coding menggunakan tabel di dalam HTML,dengan contoh berikut anda dapat dengan mudah memahami tentang HTML,
sekian dari saya agar bermanfaat bagi anda yang ingin belajar HTML.

SELAMAT MENCOBA...
Share:
Read More

Rabu, 08 April 2020

Cara Membuat Coding Di HTML Part II

By  Tidak ada komentar:
Hello,sobat programer kali ini saya akan berbagi tutorial bagaimana cara membuat Coding menggunakan HTML dengan mudah dan simpel.
Pada tutorial kali ini saya akan membahas dulu mengenai HTML bagi anda.

Apa itu HTML?
HTML adalah sebuah markah yang digunakan untuk membuat sebuah halaman web dan menampilkan informasi didalam sebuah penjelajah web internet dan pemformatan hipertesk sederhana agar dapat menghasilkan tampilan wujud yang terintegrasi.

Pada kesempatan kali ini saya memberikan tutorial tentang cara membuat Coding menggunakan HTML, pada contoh gambar berikut.
Disini saya sudah sediakan contoh tutorial pertama contoh.

Contoh gambar



Bagi kalian yang ingin membuat tutorial HTML pada gambar berikut,Disini saya sudah sediakan Langkah-Langkah pembuatanya HTML.
Langkah pembuatanya kalian harus membuatnya nama filenya,Contoh: belajar.HTML.

Untuk lebih jelas saya sudah sediakan Scriptnya dibawah ini bagi kalian agar dapat memudahkan kalian cara membuat tutorial Coding di dalam HTML.

Contoh Script:

<!DOCTYPE html>
<html>
<head>
<title>belajar HTML</title>
</head>
<body>

 <lable for="username">username : </lable>
<input type="text" id="username">
<br> <br>
<lable for="pass">password : </lable>
<input type="password" id="pass">
<br><br>
<input type="radio" id="pria" name="jeniskelamin"><label for="pria">pria</label>
<br>
<input type="radio" id="wanita" name="jeniskelamin"><label for="wanita">wanita</label>
<br><br>
<textarea></textarea>
<br><br>
<button type="submit">KIRIM</button>

 </body>
</html>

Kini anda sudah mengetahui cara membuat tutorial Coding di dalam HTML, dengan dilengkapi beberapa contoh script dasar.

Jadi begitulah sobat cara pembuatan Coding di dalam HTML,dengan contoh berikut anda dapat dengan mudah memahami tentang HTML,
sekian dari saya agar bermanfaat bagi anda yang ingin belajar HTML.

SELAMAT MENCOBA...
Share:
Read More

Selasa, 07 April 2020

By  Tidak ada komentar:
Contoh Script tutorial 2 :

<!DOCTYPE html>
<html>
<head>
<title>belajar HTML</title>
</head>
<body>
<script language="JavaScript">
<!--
function hitungtotal()
{
var nama = (document.ffrom.inama.value);
var harga = (document.ffrom.iharga.value);
var jumlah = parseFloat (document.ffrom.ijumlah.value);
var total =0.0;
var pajak =0.10%;
var bayar =0.0;
if (nama=="use")
{
ht =50000;
}
else if(nama=="memory")
{
ht =120000;
}
else if(nama=="speaker")
{
ht =40000;
}
sub = jumlah*ht;
if(document.ffrom.iharga.checked==true)
{
total=0.0;
}
else
{
pajak=10%;
}
else
{
bayar=0.0;
}
bayar = total-pajak;
document.ffrom.ototal.value=eval(total);
document.ffrom.opajak.value=eval(pajak);
document.ffrom.obayar.value=eval(bayar);
//gunakan untuk mengecek !!! alert (total);
}
//--></script>
<form name ="ffrom">
<H2 ALIGN="center">Penjualan Barang Elektronik</H2></td><hr>
<PRE>
    nama barang :<input type="text" size="20" name="inama">
  harga :<input type="text" size="10" name="iharga">
jumlah :<input type="text" size="10" name="ijumlah">
<br>
                 aksesoris     : <input type="checkbox" name="imember">usb</td>
       : <input type="checkbox" name="imember">memory</td>
       : <input type="checkbox" name="imember">speaker</td>
</PRE>
<pre>
total :<input type="text" size="10" name="ototal">
            pajak 10% :<input type="text" size="10" name="opajak">
bayar :<input type="text" size="10" name="obayar">
</pre>
<hr>
<center>
<input type="button" value="proses" onclick="hitungtotal()">
<input type="reset" value="reset">
</center>
</form>
</body>
</html>

Contoh Gambar



Share:
Read More
By  Tidak ada komentar:
Contoh Script tutorial 1 :

<!DOCTYPE html>
<html>
<head>
<title>belajar HTML</title>
</head>
<body>
<script language="JavaScript">
<!--
function hitungtotal()
{
var nama = (document.ffrom.inama.value);
var harga = (document.ffrom.iharga.value);
var jumlah = parseFloat (document.ffrom.ijumlah.value);
var total =10000;
var diskon =100;0
var bayar =0.0;
if (nama=="kue")
{
ht =10000;
}
else if(nama =="indomie")
{
ht =20000;
}
sub = jumlah*ht;
if(document.ffrom.iharga.checked==true)
{
diskon =0.10*sub;
}
else
{
diskon=100;
}
bayar = total-diskon;
document.ffrom.ototal.value=eval(total);
document.ffrom.odiskon.value=eval(diskon);
document.ffrom.obayar.value=eval(bayar);
//gunakan untuk mengecek !!! alert (total);
}
//--></script>
<form name ="ffrom">
<H2 ALIGN="center">Penjualan Barang</H2></td><hr>
<PRE>
    nama barang :<input type="text" size="20" name="inama">
  harga :<input type="text" size="10" name="iharga">
jumlah :<input type="text" size="10" name="ijumlah">
</PRE>
<hr>
<pre>
  total :<input type="text" size="10" name="ototal">
diskon :<input type="text" size="10" name="odiskon">
  bayar :<input type="text" size="10" name="obayar">
</pre>
<hr>
<center>
<input type="button" value="proses" onclick="hitungtotal()">
<input type="reset" value="reset">
</center>
</form>

 </body>
</html>

Contoh Gambar


Share:
Read More

Cara Membuat Website Penjualan Menggunakan HTML Dengan Mudah

By  Tidak ada komentar:
Hello,sobat programer kali ini saya akan berbagi tutorial bagaimana cara membuat website penjualan menggunakan HTML mudah dan simpel.
Pada tutorial kali ini saya akan membahas dulu mengenai HTML bagi anda.

Apa itu HTML?
HTML adalah sebuah markah yang digunakan untuk membuat sebuah halaman web dan menampilkan informasi didalam sebuah penjelajah web internet dan pemformatan hipertesk sederhana agar dapat menghasilkan tampilan wujud yang terintegrasi.

Pada kesempatan kali ini saya memberikan 2 tutorial tentang cara membuat website penjualan menggunakan HTML, pada contoh gambar berikut.

Contoh gambar tutotial 1


Contoh gambar tutotial 2



Bagi kalian yang ingin membuat tutorial HTML pada gambar berikut,Disini saya sudah sediakan Langkah-Langkah pembuatanya bagi kalian yang ingin belajar HTML.
Langkah pembuatanya kalian harus membuatnya nama filenya.

Untuk lebih jelas saya sudah sediakan Scriptnya dibawah ini bagi kalian agar dapat memudahkan kalian cara membuat tutorial website penjualan di dalam HTML.

Script tutorial 1 : Link 1

Script tutorial 2 : Link 2

Kini anda sudah mengetahui cara membuat tutorial website penjualan di dalam HTML, dengan dilengkapi beberapa contoh script dasar.
Jadi begitulah sobat cara pembuatan web penjualan di dalam HTML,dengan contoh berikut anda dapat dengan mudah memahami tentang HTML,
sekian dari saya agar bermanfaat bagi anda yang ingin belajar HTML.

SELAMAT MENCOBA...
Share:
Read More

Senin, 06 April 2020

Cara Memasukkan Script CSS Ke Dalam HTML

By  Tidak ada komentar:
Hello,sobat programer kali ini saya akan berbagi cara memasukkan Script CSS ke dalam HTML dengan mudah dan simpel.
Pada tutorial kali ini saya akan membahas mengenai CSS bagi anda.
Di HTML anda bisa menampilkan konten yang bersifat statis sedangkan CSS adalah pendukung pada sebuat HTML.

Pertama-tama kita bahas dulu mengenai CSS,biasanya CSS digunakan pada pemformatan khusus pada sebuat elemen HTML dan tidak digunakan untuk memformat seluruh elemen dalam web.
Pada kesempatan kali ini saya memberikan satu tutorial tentang cara membuat CSS ke dalam HTML pada contoh gambar berikut.

contoh gambar



Bagi kalian yang ingin membuat tutorial CSS ke dalam HTML pada gambar diatas,Disini saya sudah sediakan Script bagi kalian.
Langkah pembuatanya kalian harus membuatnya nama filenya.

Untuk lebih jelas saya sudah sediakan Scriptnya dibawah ini bagi kalian yang ingin membuat tutorial CSS.

Contoh Script:

<!DOCTYPE html>
<html>
<head>
<title>belajar CSS</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

 <h1 class="cetak-tebal">Hello World</h1>

 <ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
</ul>

 <ol>
<li><a href="#">Link 6</a></li>
<li><a href="#">Link 7</a></li>
<li><a href="#">Link 8</a></li>
<li><a href="#">Link 9</a></li>
<li><a href="#">Link 10</a></li>
</ol>

 </body>
</html>

Jika kalian membutuhkan Script CSS saya sudah sediakan dibawah ini.

Script CSS


Kini anda sudah mengetahui cara memasukkan CSS ke dalam HTML dengan dilengkapi beberapa contoh dasar.

Jadi begitulah sobat cara memasukkan CSS menggunakan HTML,dengan contoh berikut anda dapat dengan mudah memahami tentang CSS,
sekian dari saya agar bermanfaat bagi anda yang ingin belajar CSS.

SELAMAT MENCOBA...
Share:
Read More
By  Tidak ada komentar:
Contoh Script CSS :

body {
font-family: arial;
}

 h1, h2 {
color: grey;
}

 ul li a {
color: orange;
}

 ol li a {
color: red;
}

 #p1 {
color: orange;
}

 .p2 {
color: red;
}

 .cetak-tebal {
font-weight: bold;
}

 p.cetak-tebal {
font-size: 12px
}
Share:
Read More

Cara Belajar Membuat Coding Di HTML Bagi Permula

By  Tidak ada komentar:
Kali ini saya akan membuat tutorial yang memuat tentang cara membuat JavaScript di HTML dengan mudah.
Di HTML anda bisa menampilkan konten yang bersifat statis misalnya seperti gambar.

Namun,belakangan ini konten statis sudah tidak begitu lagi digemari,kebanyakan konten saat ini sangat interaktif dan menu tampilan yang menarik.
Pada kesempatan kali ini saya memberikan satu tutorial tentang cara membuat Coding dengan menggunakan HTML pada contoh gambar berikut.

contoh gambar





Bagi kalian yang ingin membuat tutorial coding menggunakan HTML pada gambar diatas,Disini saya sudah sediakan Script bagi kalian.
Langkah pembuatanya kalian harus membuatnya nama filenya.Misalnya,file HTML.

Scriptnya sudah saya sediakan dibawah ini bagi yang ingin membuat tutorial coding menggunakan HTML.

Contoh Script:

<!DOCTYPE html>
<html>
<head>
<title>Latihan Perulangan 3(Do-While)</title>
</head>
<body>
<script language="JavaScript">
<!-- menyembunyikan script dan browser non-JS
function pass()
{
var coba = 1;
do
{
p = prompt("tuliskan passoword dengan benar","");
if (p=="12345") 
{
alert("selamat datang teman");
window.open("welcome.html");
break;
}
else
{
alert("passoword salah !!! ulangi lagi.");
}
if (coba==3) 
{
alert("maaf,kesempatan anda hanya 3 kali");
history.go(-1);
}
coba=coba+1;
}
while (coba<=3)
}
// akhir dari penyembunyian -->
</script>
<form method="post">
<input type="button" value="passoword" onclick="pass()">
</form>
</body>
</html>


Kini anda sudah mengetahui cara membuat Coding menggunakan HTML dengan dilengkapi beberapa contoh dasar.

Jadi begitulah cara membuat Coding menggunakan HTML, dengan contoh berikut anda dapat dengan mudah mengembangkan Website HTML,
sekian dari saya agar bermanfaat bagi anda yang ingin belajar Coding di HTML bagi permula.
Share:
Read More

Minggu, 05 April 2020

Pengenalan Apa Itu Index HTML Dan Bagaimana Cara Membuatnya

By  Tidak ada komentar:
Pemograman kali saya akan membuat index HTML menggunakan JavaScript dengan sederhana dan juga simpel,
Kali ini saya mempunyai satu contoh index HTML yang menggunakan JavaScript.

Bagi kalian apa itu index?
Index html adalah sebuah file yang menjadi indeks sebuah website.Tanpa file index.html, jika kita membuka website maka browser akan menampilkan file-file lain dalam bentuk tampilan folder bukan tampilan website sesuai design,File index.html berada pada direktori utama atau direktori root sebuah website.

Disini saya mempunyai satu contoh index HTML yang bisa kalian praktekkan.

Cara membuatnya kalian buat dulu nama filenya,

Jika kalian tidak mengerti cara membuatnya atau tidak tau caranya disini saya sudah menyediakan Scriptnya bagi kalian yang ingin membuatnya.

Contoh Script:

<HTML>
<HEAD><TITLE></TITLE></HEAD>
<BODY>
<SCRIPT language="JavaScript">
             <!--
            function hitungip()
            {
             var quis = parseFloat(document.fform.iquis.value);
             var tugas = parseFloat(document.fform.itugas.value);
             var uts = parseFloat(document.fform.iuts.value);
             var uas = parseFloat(document.fform.iuas.value);
             var ip =" ";
             var ket=" ";
             var na = (0.10*quis)+(0.20*tugas)+(0.30*uts)+(0.40*uas);
             if ((na > 80) && (na <=100))
             {
           ip ="A";
           ket="Lulus dengan Sangat Baik";
           }
           else if ((na > 68) && (na <=80))
           {
           ip ="B";
           ket="Lulus dengan Baik";
           }
           else if ((na > 55) && (na <=68))
            {
           ip ="C";
           ket="Lulus dengan Cukup";
           }
          else if ((na > 38) && (na <=55))
          {
          ip ="D";
          ket="Lulus dengan Kurang";
          }
          else
          {
          ip ="E";
          ket="Tidak Lulus";
          }
         document.fform.oip.value=ip;
          document.fform.oket.value=ket;
            // gunakan untuk mengecek alert (ip+""+na);
}
//--></SCRIPT>
        <form name ="fform">
         <table border="1" width="100%" ALIGN="center" >
<tr>
         <td width="100%" colspan="4"><H2 ALIGN="center">Menghitung Indeks Prestasi</H2></td>
</tr>
<tr>
         <td width="25%">Quis (10%) :<input type="text" size="10"
name="iquis"> </td>
         <td width="25%">Tugas (20%):<input type="text" size="10"
name="itugas"> </td>
         <td width="25%">UTS (30%):<input type="text" size="10"
name="iuts"> </td>
          <td width="25%">UAS (40%) :<input type="text" size="10"
name="iuas"> </td>
</tr>
<tr>
         <td width="100%" colspan="4"><P Align="center">
       <input type="button" value="Hitung" onclick="hitungip()">
        <input type="reset" value="Ulang"> </p></td>
</tr>
<tr>
        <td width="100%" colspan="4" align="center">
        Indeks Prestasi :<input type="text" size="5" name="oip">
        Keterangan :<input type="text" size="25" name="oket"></td>
</td>

       </table>

             </FORM>

                 </BODY>

                       </HTML>


Jadi begitulah sobat cara membuat index HTML menggunakan JavaScript, dengan contoh berikut anda dapat mempratekkan dengan kreatifitas masing-masing dari kalian yang ingin belajat HTML bagi permula,

sekian dari saya agar bermanfaat bagi anda yang ingin belajar cara membuat index HTML bagi permula.
Share:
Read More

Sabtu, 04 April 2020

Cara Membuat Web Sederhana Dengan JavaScript

By  Tidak ada komentar:
Pemograman kali saya akan membuat salah satu website percabangan untuk kalian yang menggunakan javascript dengan sederhana,

Kali ini saya akan membuat satu contoh website percabangan yang menggunakan javascript.



Disini saya mempunyai langkah-langkah pembuatan website percabangan menggunakan javascript dengan mudah.

Langkah pertama kalian buat dulu nama filenya,

Jika kalian tidak mengerti cara membuatnya disini saya sudah sediakan Scriptnya bagi kalian.


Contoh Script:

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script language="JavaScript">
<!--
function hitungtotal()
{
var nama = (document.ffrom.inama.value);
var tujuan = (document.ffrom.itujuan.value);
var jumlahtiket = parseFloat (document.ffrom.ijumlah.value);
var ht = 0.0;
var sub = 0.0;
var diskon =0.0;
var total =0.0;
if (tujuan=="jakarta") 
{
ht =100000;
}
else if (tujuan=="cirebon")
{
ht =150000;
}
else
{
ht =200000;
}
sub = jumlahtiket*ht;
if (document.ffrom.imember.checked==true)
{
diskon =0.10*sub;
}
else
{
diskon=0.0;
}
total = sub-diskon;
document.ffrom.otiket.value=eval(ht);
document.ffrom.osub.value=eval(sub);
document.ffrom.odiskon.value=eval(diskon);
document.ffrom.ototal.value=eval(total);
//gunakan untuk mengecek !!! alert (total);
}
//--></script>
<form name="ffrom">
<table border="1" align="center" width="70%">
<tr>
         <td width="100%" colspan="4"><H2 ALIGN="center">Travel Bintang Abadi</H2></td>
           </tr>
<tr>
<td width="30%"><PRE>
nama         :<input type="text" size="20" name="inama">
tujuan       :<select name="itujuan" size="1">
<option value="jakarta">jakarta</option>
<option value="cirebon">cirebon</option>
<option value="tasikmalaya">tasikmalaya</option>
</select>
jumlah tiket :<input type="text" size="11" name="ijumlah">
member       :<input type="checkbox" name="imember">YA</td></PRE>
<td width="50%"><pre>
        Harga Tiket  :<input type="text" size="10" name="otiket">
        Sub Total    :<input type="text" size="10" name="osub">
        Diskon       :<input type="text" size="10" name="odiskon">
        Total Bayar  :<input type="text" size="10" name="ototal"></td><pre>
</tr>
<tr>
<td width="100%" colspan="2">
<center>
<input type="button" value="hitung" onclick="hitungtotal()">
<input type="reset" value="ulang">
</center>
</td>
</tr>
</table>
</form>

 </body>
</html>


Jadi begitulah sobat cara membuat JavaScript di HTML dengan contoh sederhana ini saya berharap anda dapat mengembangkan dengan kreatifitas masing-masing dari kalian,
sekian dari saya agar bermanfaat bagi anda yang ingin cepat belajar javascript bagi permula.
Share:
Read More

Cara Mudah Membuat Website Menggunakan JavaScript

By  Tidak ada komentar:
HELLO,Sobat programer kali saya akan membuat salah satu website menggunakan javascript dengan mudah dan praktis,
Kali ini saya mempunyai satu contoh website yaitu memasukkan data siswa SMK.

Jika kalian ingin membuat website tersebut kalian harus ikuti langkah-langkah sebagai berikut,
Berikut langkah-langkah pembuatan Object Text:



langkah pertama kalian buat dulu nama filenya,terserah nama filenya.

Disini saya mempunyai sebuah contoh Script yang telah saya sediakan.

Contoh Script:

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script language="javaScript">
<!--
function radio_box(form)
{ 
var namastr = (document.ffrom.nama.value); 
var alamatstr = (document.ffrom.alamat.value); 
var jenis_kelamin = (document.ffrom.jenis_kelamin.value);
var komentar = (document.ffrom.komentar.value); 

 document.ffrom.onama.value = namastr;
document.ffrom.oalamat.value = alamatstr;
document.ffrom.ojeniskelamin.value = jenis_kelamin;
document.ffrom.ostatus.value=ostatus;
document.ffrom.ojurusan.value=jurusan;
document.ffrom.okomentar.value=komentar;
}
//-->
</script>
<form name ="fform">
<h1>Memasukkan Data Siswa SMK</h1><hr>
<pre>
NISN : <input type="text" size="15" name="nama"><br>
NAMA : <input type="text" size="25" name="alamat">
</pre>
Jenis Kelamin :<select name="jenis_kelamin" size="1">
   <option value="Laki - Laki">Laki - Laki</option>
       <option value="Perempuan">Perempuan</option>
       </select>
<br><br>
Jurusan :<select name="Jurusan2" size="1">
<option value="RPL">RPL</option>
<option value="MM">MM</option>
<option value="TJA">TJA</option>
    </select>
<br><br>
Komentar : <br><textarea name="Ket" rows="3" cols="30"></textarea><br>
<br>
<input type="button" value="kirim" onclick="tekan()">
<input type="reset" value="ulang">
<pre>
</form>
</body>
</html>

Jadi begitulah sobat cara membuat website menggunakan javascript dengan mudah,
sekian dari saya agar bermanfaat bagi anda yang ingin cepat belajar javascript bagi permula.
Share:
Read More

Jumat, 03 April 2020

Cara Gampang Membuat Object Text Dengan Mudah

By  Tidak ada komentar:
HELLO,Sobat programer kali saya akan membahas tentang cara membuat Object Text dengan menggunakan javascript dengan mudah,
Kali ini saya mempunyai salah satu contoh javascript yaitu memasukkan penggunan data dengan Object Text.




Jika kalian ingin mempelajari cara membuat Object Text kalian harus ikuti langkah-langkah sebagai berikut dengan benar agar tidak terjadi error saat menampilkan website tersebut,
Berikut langkah-langkah pembuatan Object Text:

langkah pertama kalian buat dulu filenya yaitu ObjectText.html.



Bagi kalian yang ingin belajar cara membuat Object Text disini saya mempunyai salah satu contoh Script yang telah saya sediakan.

Contoh Script:

<!DOCTYPE html>
<html>
<head>
<title>Latihan Dengan Object Text</title>
</head>
<body bgcolor="white">
<font color="black">

 <script language ="JavaScript">

 <!--

 function tekan()

 {

 var namastr = (document.fform.nama.value);
var alamatstr = (document.fform.alamat.value);
document.fform.onama.value = namastr;
document.fform.oalamat.value = alamatstr;

 }

 //-->

 </script>
<form name ="fform">
<h1>Memasukkan Data Dengan Object Text</h1><hr>
<pre>
Nama Anda : <input type="text" size="15" name="nama">
Alamat    : <input type="text" size="25" name="alamat">
</pre>
<br>
<input type="button" value="kirim" onclick="tekan()">
<input type="reset" value="ulang">
<h3>Output</h3>
<pre>
Jadi Nama Anda Adalah : <input type="text" size="15" name="onama">
Alamat Anda Di        : <input type="text" size="25" name="oalamat">
</form>
</body>
</html>





Jadi begitulah sobat bagaimana cara membuat ObjectText menggunakan javascript dengan mudah dan praktis,
sekian dari saya agar bermanfaat bagi anda yang ingin cepat belajar javascript bagi permula.
Share:
Read More

Kamis, 02 April 2020

Cara Cepat Membuat Object Textarea Dengan JavaScript

By  Tidak ada komentar:
HELLO,Sobat programer kali saya akan membahas tentang cara membuat Object Textarea dengan menggunakan javascript dengan mudah,
Kali ini saya mempunyai salah satu contoh javascript yaitu memasukkan data dengan Object Textarea.



Jika kalian ingin mempelajari cara membuat Object Textarea kalian harus ikuti langkah-langkah sebagai berikut dengan benar agar tidak terjadi error saat menampilkan website tersebut,
Berikut langkah-langkah pembuatan Object Textarea:

langkah pertama kalian buat dulu filenya yaitu ObjectTextarea.html




Bagi kalian yang ingin belajar cara membuat Object Textarea disini saya mempunyai salah satu contoh Script yang telah saya sediakan.

Contoh Script:

<!DOCTYPE html>
<html>
<head>
<title>latihan dg objek textarea</title>
</head>
<body>
<script language="JavaScript">
<!--
function tekan()
{
var ketstr = (document.ffrom.ket.value);
document.ffrom.oket.value = ketstr;
}
//-->

 </script>
<form name="ffrom">
<H1>memasukkan data dg objek textarea</H1><hr>
<h3>keterangan :</h3><br>
<textarea name="ket" rows="3" cols="30"></textarea>
<br><br>
<input type="button" value="kirim" onclick="tekan()">
<input type="reset" value="ulang">
<H3>output keterangan :</H3>
<textarea name="oket" rows="3" cols="30"></textarea>
</form> 
</body>
</html>


Jadi begitulah sobat programer bagaimana cara membuat Object Textarea menggunakan javascript dengan mudah dan praktis,
sekian dari saya agar bermanfaat bagi anda yang ingin cepat belajar javascript bagi permula.
Share:
Read More

Cara Mudah Membuat Object Select Menggunakan JavaScript

By  Tidak ada komentar:
HELLO,Sobat programer kali saya akan membahas tentang cara membuat Object Select dengan menggunakan javascript dengan mudah,
Kali ini saya mempunyai salah satu contoh javascript yaitu memasukkan penggunan data dengan Object Select.




Jika kalian ingin membuat Object Select kalian harus ikuti langkah-langkah berikut dengan benar agar tidak terjadi error saat menampilkan website tersebut,

Berikut langkah-langkah pembuatan Object Select:

langkah pertama kalian buat dulu filenya yaitu ObjectSelect.html



Bagi kalian yang ingin belajar cara membuat Object Select disini saya mempunyai salah satu contoh Script yang telah saya sediakan.

Contoh Script:

<!DOCTYPE html>
<html>
<head>
<title>latihan dg objek select</title>
</head>
<body>
<script language="javaScript">
<!--
function tekan()
{
var ketstr = (document.ffrom.jurusan.value);
document.ffrom.ojurusan.value = ketstr;
}
//-->
</script>
<form name="ffrom"> 
<H1>penggunaan objek select</H1><hr>
<h3>masukkan :</h3>
jurusan di UNIKOM :<select name="jurusan" size="i">
<option value="teknik informasi">teknik informasi </option>
<option value="manajemen informasi">manajemen informasi</option>
<option value="teknik komputer">teknik komputer</option>
<option value="teknik industri">teknik industri</option>
<option value="teknik elektro">teknik elektro</option>
<option value="teknik sipil">teknik sipil</option>
<option value="teknik arsitektur">teknik arsitektur</option>
<option value="teknik perencanaan wil.kota">teknik perencanaan wil. kota</option>
</select>
<p><input type="button" value="kirim" onclick="tekan()">
<input type="reset" value="ulang">
<H3>output jurusan :</H3>
<input type="text" name="ojurusan" size="30">
</form>

 </body>
</html>






Jadi begitulah sobat programer bagaimana cara membuat Object Select menggunakan javascript dengan mudah dan praktis,

sekian dari saya agar bermanfaat bagi anda yang ingin cepat belajar javascript bagi permula.
Share:
Read More

Cari Blog Ini

Pengikut

Unordered List

Diberdayakan oleh Blogger.

Text Widget

Ordered List

Recent Posts

Unordered List

Pages

Theme Support