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.

Selasa, 31 Maret 2020

Cara Membuat Object Checkbox Menggunakan JavaScript

By  Tidak ada komentar:
HELLO,Sobat programer kali saya akan menjelaskan cara membuat objek checkbox dengan menggunakan javascript,
Kali ini saya akan membuat satu contoh javascript yaitu memasukkan data dengan objek checkbox.



Jika kalian ingin membuat objek checkbox kalian ikuti langkah-langkah berikut.
Berikut langkah-langkah pembuatan objek checkbox:

langkah pertama kalian buat dulu filenya yaitu objek checkbox.html




Disini cara mempunyai contoh Script cara membuat objek checkbox.

Contoh Script:

<!DOCTYPE html>
<html>
<head>
<title>latihan dengan objek checkbox</title>
</head>
<body>
<script language="javaScript">
<!--
function radio_box(form)
{
var ket = "";
var ket1 ="";
if (form.bola.checkbox == true)
{
ket = "nonton bola";
}
if (form.tv.checkbox == true) 
{
ket1 = "nonton tv";
}
alert('hobby anda' +ket+''ket1);
}
//-->
</script>
<form>
<h1>memasukkan data dengan objek checkbox</h1><hr>
<p>hobby anda :
<input type="checkbox" value="ON" name="bola">nonton sepak bola
<input type="checkbox" value="ON" name="tv">nonton tv
</p>
<hr>
<p><input type="button" value="CONFIRM" onclick="radio_box(this.form)">
<input type="reset" value="RESET"></p>
</form>

 </body>
</html>


Jadi begitulah cara membuat objek checkbox menggunakan javascript dengan mudah dan praktis,
sekian dari saya agar bermanfaat bagi anda semua yang ingin belajar javascript bagi permula.
Share:
Read More

Senin, 30 Maret 2020

Cara Membuat Website Menggunakan Javascript

By  Tidak ada komentar:
HELLO,Sobat programer kali saya akan menjelaskan bagaimana cara membuat website dengan menggunakan javascript,

Disini saya mempunyai satu contoh website buat kali yang ingin tau bagaimana cara membuat website menggunakan javascript.


Jika kalian ingin membuatnya kalian ikuti langkah berikut cara membuat website perhitungan bunga.

Berikut langkah-langkah pembuatan website perhitungan bunga:

langkah pertama kalian buat dulu filenya yaitu perhitunganbunga.html.




Disini cara mempunyai contoh Script cara membuat website perhitungan bunga.

Contoh Script:

<!DOCTYPE html>
<html>
<head>
  <title>Perhitungan Bunga</title>
</head>
<body>

  <script language= "JavaScript">
    function hitung()
    {

       var saldo=parseFloat(document.ffrom.isaldo.value);
      var bunga=parseFloat(document.ffrom.ibunga.value);
      var waktu=parseFloat(document.ffrom.iwaktu.value);
      var hasil="";
      for(i=1;i<=waktu;i++)

          {

       saldo=saldo+(saldo*bunga);
      hasil=hasil+"Saldo Bulan "+i+"= Rp. "+saldo+"\n";
    }
  document.ffrom.ohasil.value=hasil;
    }

   </script>
  <div style="border: 10px solid #eee; height: 400px; overflow: auto; padding: 20px; width: 700px; left:300px;">
  <form name="ffrom">
    <table border="1" align="center" width="70%">
   <h2><center>Perhitungan Bunga</center></h2>

 <br>

    <pre>

 Data Input   :
Saldo        <input type="text" size=20 name="isaldo">
Bunga        <input type="text" size=11 name="ibunga"> %
Waktu        <input type="text" size=7 name="iwaktu"> Bulan

 </pre>

 <center>

     <input type="button" value="submit" onclick="hitung()">
    <input type="reset" value="Reset">

     </center>
  
Hasil Perhitungan      :
<center>
                  <div style="border: 1px solid #eee; height: 100px; overflow: auto; padding: 10px; width: 700px;">
                 <textarea name="ohasil" rows="19" cols="83"></textarea>
          </div>
    </center>
      </center>
      </form>
</table>

 </div>

 </body>
</html>


Jadi begitulah cara membuat website javascript dengan mudah dan praktis,
sekian dari saya agar bermanfaat bagi anda semua yang baru belajar javascript.
Share:
Read More

Minggu, 29 Maret 2020

Cara Membuat Website Pendaftaran

By  Tidak ada komentar:
HELLO,Sobat programer kali saya akan menjelaskan bagaimana cara membuat website pendaftaran,

Berikut langkah-langkah pembuatan website pendaftaran:

kali ini kalian buat dulu nama filenya tentang pendaftaran.html



disini saya mempunyai contoh scriptnya untuk membuat website pendaftaran pada gambat tersebut.



Contoh Script:


sesudah itu kalian buat file baru yaitu CSS pada folder yang sama agar tampilannya sempurna,



Disini saya mempunyai script CSS nya.



Jadi sekian dari saya agar bermanfaat bagi anda,dan begitulah cara membuat website pendaftaran dengan mudah dan praktis.
Share:
Read More
By  Tidak ada komentar:
Disini saya mempunyai Script CSS nya

Contoh Script CSS:

body{
margin: 0;
padding: 0;
background: #efefef;
font-size: 16px;
color: #777;
font-family: sans-serif;
font-weight: 300;

 }

 #login-box{
position: relative;
margin: 5% auto;
height: 400px;
width: 600px;
background: #fff;
box-shadow: 0 2px 4px rgba(0,0,0,0.6);
}
.left-box{
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
padding: 40px;
width: 300px;
height: 40px;

 }

 h1{
margin: 0 0 20px 0;
font-weight: 300;
font-size: 28px;
}
input[type="text"],
input[type="password"]{
display: block;
box-sizing: border-box;
margin-bottom: 20px;
padding: 4px;
width: 220px;
height: 32px;
border: none;
outline: none;
border-bottom: 1px solid #aaa;
font-family: sans-serif;
font-weight: 400;
font-size: 15px;
transition: 0.2s ease
}
input[type="submit"]{
margin-bottom: 28px;
width: 120px;
height: 32px;
background: #f44336;
border: none;
color: #fff;
font-family: sans-serif;
text-transform: uppercase;
transition: 0.2s ease;
cursor: pointer;
}

 input[type="submit"]:hover,
input[type="submit"]:focus{
background: #ff5722;
transition: 0.2s ease;
}

 .right-box{
position: absolute;
top: 0;
right: 0;
box-sizing: border-box;
padding: 40px;
width: 300px;
height: 400px;
background-image: url(11.jpeg);
background-size: cover;
background-position: center;
}
.right-box .signinwith{
display: block;
margin-bottom: 40px;
font-size: 28px;
color: #fff;
text-align: center;text-shadow: 0 2px 4px rgba(0,0,0,0)

 }

 button.social{
margin-bottom: 20px;
width: 220px;
height: 36px;
border: none;
border-radius: 2px;
color: #fff;
font-family: sans-serif;
font-weight: 500;
transition: 0.2s ease;
cursor: pointer;
}

 .Facebook{
background: #32508e;
}
.Twitter{
background: #55acee;

 }

 .google{
background: #dd4b39;
}
.or{
position: absolute;
top: 180px;
left: 280px;
width: 40px;
height: 40px;
background: #efefef;
border-radius: 50%;
box-shadow: 0 2px 4px rgba(0,0,0,0.6);
line-height: 40px;
text-align: center;
}
.back{
text-align: center;
top: 30px;
}

Share:
Read More

Sabtu, 28 Maret 2020

javascript

By  Tidak ada komentar:
HELLO,Sobat programer kali saya akan membahas tentang bagaimana cara belajar object javascript bagi permula.
kali ini kita harus tau pengertian tentang javascript

apa itu javascript?
Javascript adalah bahasa yang berbentuk kumpulan skrip yang pada fungsinya
berjalan pada suatu dokumen HTML,sepanjang sejarah internet bahasa ini adalah
bahasa skrip pertama untuk web.

CONTOH-CONTOH OBJECT JAVASCRIPT

1.Objek Text
Untuk menginputkan data kita dapat menggunakan komponen/objek text. Contoh
penggunaannya dapat kita lihat pada contoh berikut.

Contoh Script:

<html>
<head><title>Latihan Dengan Objek Text</title></head>
<body>
<script languange ="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 Objek Teks</H1><hr>
<PRE>
Nama Anda : <input type="text" size="11" 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="11" name="onama">
Alamat Anda di :<input type="text" size="25" name="oalamat">
</form>
</body>
</html>
2.Objek Radio
Objek radio adalah komponen yang digunakan untuk melakukan suatu pemilihan data.
Karena selalu berupa Array , untuk mengakses satu tombol radio digunakan
radio[indeks]. Disamping itu objek radio juga mempunyai nili True jika dipilih dan
False jika tidak. Untuk memilih suatu objek radio menggunakan properti Checked.

Contoh Script:

<html>
<head><title>Latihan Dengan Objek Radio</title></head>
<body>
<script languange ="JavaScript">
<!--
function radio_box(form)
{
 var ket = "";
 if (form.wanita.checked == true)
 {
 ket = "Wanita";
 }
 else
 {
 ket = "Pria";
 }
 alert('Anda adalah seorang ' +ket);
}
//-->
</script>
<form>
<H1> Memasukkan Data Dengan Objek Radio</H1><hr>
<p><input type="radio" value="wanita" name="wanita">Wanita</p>
<hr>
<p><input type="button" value="CONFIRM"
onclick="radio_box(this.form)">
<input type="reset" value="RESET"></p>
</form>
</body>
</html



3.Objek Checkbox
Objek checkbox menyimpan informasi tentang elemen form yang berupa kotak cek.
Penggunaannya hampir sama seperti objek radio.

Contoh Script:

<html>
<head><title>Latihan Dengan Objek Checkbox</title></head>
<body>
<script languange ="JavaScript">
<!--
function radio_box(form)
{
 var ket = "";
 var ket1 ="";
 if (form.bola.checked == true)
 {
 ket = "Nonton Bola";
 }

  if (form.tv.checked == true)
 {
 ket1 = " Nonton Tv";
 }
 alert('Hobby anda ' +ket+''+ket1);
}
//-->
</script>
<form>
<H1> Memasukkan Data Dengan Objek Checkbox</H1><hr>
<p>Hobby anda :
<input type="checkbox" value="ON" name="bola">Nonton Sepak Bola
<input type="checkbox" value="ON" name="tv">Nonton televisi</p>
<hr>
<p><input type="button" value="CONFIRM"
onclick="radio_box(this.form)">
<input type="reset" value="RESET"></p>
</form>
</body>
</html>



4.Objek Select
Objek Select menyimpan informasi tentang elemen form yang berupa kotak daftar.
Objek select berguna apabila di dalam form terdapat banyak pilihan yang telas
mempunyai nilai tertentu.

Contoh Script:

<html>
<head><title>Latihan Dengan Objek Select</title></head>
<body>
<script languange ="JavaScript">
<!--
function tekan()
{
 var jurusanstr = (document.fform.Jurusan.value);
 document.fform.Ojurusan.value = jurusanstr;
}
//-->
</script>
<form name ="fform">
<H1> Penggunaan Objek Select</H1><hr>
<h3>Masukan :<h3>
Jurusan Di UNIKOM :<select name="Jurusan" Size="1">
 <option value ="Teknik Informatika"> Teknik
Informatika </option>
 <option value ="Manajemen Informatika"> Manajemen
Informatika </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 ">
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 sekian dari saya, agar bermanfaat bagi anda yang baru belajar javascript bagi permula,
Terima kasih.
Share:
Read More

Cari Blog Ini

Pengikut

Unordered List

Diberdayakan oleh Blogger.

Text Widget

Ordered List

Recent Posts

Unordered List

Pages

Theme Support