Sukai Penulis: JavaScript

JavaScript

Tampilkan postingan dengan label JavaScript. Tampilkan semua postingan

Apa Perintah Membuat Folder Baru di JavaScrip?

Tidak hanya program HTML, di javaScript juga bisa membuat folder dengan gayanya sendiri, scriptnya juga tentunya sangat berdeda tetapi perbedaan itulah yang menarik bagi para programer karena jika tidak ada yang baru maka tidak mengasikan bukan? hehe

Ya kali ini saya akan membahas tentang apa perintah untuk membuat folder baru di javaScript menggunakan software eclipse, mungkin perintahnya sedikit tapi lihat saja penjelasan di bawah ini :

Apa Perintah Membuat Folder Baru di JavaScript ?

Pembuatan folder dapat di lakukan melalui metode mkdir() milik objek file. saya akan berikan script yang lengkap untuk pembuatan folder baru. Saya membuat class di software ecllipse namanya adalah BuatFolder.java, jika anda ingin mengikuti namanya dengan saya silahkan jika tidak juga silahkan. Di bawah ini adalah script pembuatan folder baru :

BuatFolder.java

import java.io.File;
public class BuatFolder {

    public static void main(String[] args) {
        // TODO Auto-generated method stub
        File folder = new File ("Suka-Suka");

        folder.mkdir();

        System.out.println("Apakah Suka-Suka adalah folder? " + folder.isDirectory());

    }

}

Jika di eksekusi maka hasilnya akan seperti gambar di bawah ini:

Jika selesai di eksekusi maka silahkan anda pergi ke folder yang anda eksekusi maka, jika folder nama suka-suka ada berarti anda berhasil membuat folder baru, jika tidak maka anda gagal membuat folder baru, contoh gambar di bawah ini yang berhasil membuat folder:

Nah itulah penjelasan mengenai pembahasan apa perintah membuat folder baru di javaScript, semoga dengan adanya artikel ini bisa membantu anda semua dan semoga bermanfaat. Okeh waktunya saya pamit mohon maaf jika ada salah kata-kata yang kurang berkenan salam Sukai Penulis.

cara hitung luas segitaga siku di javascript

Kesempatan kali ini saya akan berbagi tentang cara menghitung luas segitiga siku di java script dengan menggunakan Jtexfield() anda hanya memasukan nilai sesuka hati kalian dan menekan tombol hitung luas segitiga maka muncul hasilnya, nah untuk selengkapnya bisa lihat di bawah ini :

Script atau kode menghitung luas segitiga

Saya membuat class bernama LuasSegitigaSiku.java anda mau menyamakan nama classnya dengan saya silahkan atau tidak juga tidak masalah, berikut adalah script atau kode yang saya ingin berikan:

LuasSegitigaSiku.java

import javax.swing.*;
import java.awt.Event;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
public class LuasSegitigaSiku extends JFrame {
JTextField tinggi, alas;
public LuasSegitigaSiku() {
super("Luas");
setSize(200,150);
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
//Tambahkan Komponen
JPanel panel = new JPanel();
JLabel labelTinggi = new JLabel("Tinggi");
JLabel labelAlas = new JLabel("Alas");
tinggi = new JTextField(10);
alas = new JTextField(10);
JButton tombol = new JButton("Hitung Luas Segitiga");
panel.add(labelTinggi);
panel.add(tinggi);
panel.add(labelAlas);
panel.add(alas);
panel.add(tombol);
add(panel);
//Pasang Pemantau Klik
tombol.addActionListener(new ActionListener(){
double alasSegitiga = 0, tinggiSegitiga = 0;
public void actionPerformed(ActionEvent e){
//Di eksekusi kalau tombol di klik
//cek tinggi
try {
tinggiSegitiga = Double.parseDouble(tinggi.getText());
}
catch (NumberFormatException ex) {
JOptionPane.showConfirmDialog(null, "Masukan bulat untuk tinggi");
tinggi.requestFocus();
return;
}
// Cek alas
try {
alasSegitiga = Double.parseDouble(alas.getText());
}
catch (NumberFormatException ex) {
JOptionPane.showConfirmDialog(null, "Masukan bulat untuk alas");
alas.requestFocus();
return;
}
// Hitung luas segitiga
double luasSegitiga = alasSegitiga * tinggiSegitiga / 2;
JOptionPane.showMessageDialog(null, "Luas= " + luasSegitiga);
}
});
//Tampilkan Jendela
setVisible(true);
// Tengahkan jendela di tengah layar
setLocationRelativeTo(null);
}
public static void main(String[] args){
LuasSegitigaSiku jendela = new LuasSegitigaSiku();
}
}

Penjelasan dari Kode:

try {
                tinggiSegitiga = Double.parseDouble(tinggi.getText());
            }
            catch (NumberFormatException ex) {
                JOptionPane.showConfirmDialog(null, "Masukan bulat untuk tinggi");
                tinggi.requestFocus();
                return;
            }
Di gunakan untuk menangani data tinggi segitiga. Data tinggi di peroleh melalui :

tinggi.getText()

Nilai string tersevut di konversi ke tipe double melalui Double.parse(). Mengingat Double.parse(), dapat menghasilkan eksepsi (Yakni kalau argumennya tidak berupa string yang menyiratkan angka), maka try sampai catch di gunakan. Dalam hal ini, kalau terjadi eksepsi berupa NumberFormatExecption, pernyataan di bagian catch di eksekusi. Pernyataan kode di atas :

JOptionpane.ShowMessageDialog(null, "Masukan bilangan bulat untuk tinggi");

Jika di eksekusi maka hasilnya akan seperti gambar di bawah ini:

Masukan nilai tinggi dan alas maka hasilnya akan seperti contoh gambar di bawah ini :

Sekian tutorial dari saya semoga dengan adanya artikel ini anda dapat mencobanya dan juga semoga bermanfaat, Okeh waktunya pamit sampai jumpa di artikel lain lagi salam Sukai Penulis

Bagaimana Cara Menghapus File menggunakan perintah di JavaScript?

JavaScript Pemula 0

Halo kembali lagi dengan saya admin sukaipenulis, nah kali ini saya akan berbagi bagaimana cara menghapus file menggunakan perintah javascript, yuk kita intip saja bagai mana scriptnya, semoga saja dapat di pahami.

Selain bisa menghapus, di program java ini anda bisa menyimpan file, mengubah nama file dan juga membuat file, caranya baca artikel yang ada di bawah ini :

Baca juga :

Cara menambahkan data di file menggunakan eclipse

Cara menghapus file menggunakan eclipse

Cara mengubah nama file menggunakan eclipse

Cara membuat file menggunakan eclipse

Bagaimana Cara Menghapus File menggunakan perintah di JavaScript?

Saya membuat class baru dengan nama HapusFile, anda mau menyamakan namanya dengan saya silahkan atau mau berbeda juga silahkan terserah anda, baik lanjut saja scriptnya ada di bawah ini :

HapusFile.java

import java.io.FileOutputStream;
import java.io.File;
public class HapusFile {
public static void main(String[] args) {
// TODO Auto-generated method stub
String namaFile = "pegawai.dat";
try {
// Buat File untuk percobaan
FileOutputStream berkas = new FileOutputStream(namaFile);
berkas.close();
}
catch(Exception e){
System.out.println("Kesalahan: " + e.getMessage());
}
File file = new File(namaFile);
// cek file
if (file.exists())
System.out.println("File " + namaFile + " ada.");
else
System.out.println("File " + namaFile + " Tidak ada.");
// Hapus file
System.out.println("Penghapusan " + namaFile + " Di Lakukan ");
file.delete();
if (file.exists())
System.out.println("File " + namaFile + " ada.");
else
System.out.println("File " + namaFile + " Tidak ada.");
}
}

Jika di eksekusi maka hasilnya akan seperti gambar di bawah ini :

Nah itulah yang bisa bahas untuk kali ini, semoga dengan kedepannya bisa mengembangkan atau meningkatkan ilmu lebih jauh lagi, okeh sampai di sini perjumpaan kita sampai jumpa di lain artikel, Salam Sukai Penulis

Cara Mengganti Nama File di javaScript

JavaScript Pemula 0

Pada kesempatan kali ini saya ingin berbagi ilmu yaitu cara mengganti nama file di javascript, cara ini adalah cara yang paling mudah untuk di lakukan bagi saya, jika bersedia silahkan lanjut membacanya di artikel ini.

Di program javaScript selain menyimpan, dan menghapus, program java juga bisa mengganti nama file yang sesuai di inginkan oleh kita, mungkin di sini sudah ada yang tahu dan ada juga yang tidak, yang sudah tahu jangan di buli, yang belum tahu silahkan lanjut membaca artikel ini sampai selesai.

Bagaimana Cara Mengganti Nama File di javascript ?

Penggantian nama file di lakukan melalui method renameTo() pada objek file. contoh penggunaannya atau scriptnya sebagai berikut :

GantiNama.Java

import java.io.FileOutputStream;
import java.io.File;
public class GantiNama {

    public static void main(String[] args) {
        // TODO Auto-generated method stub
        String namaFileA = "pegawi.dat";
        String namaFileB = "Sukaipenulis.dat";

        try {
            // Buat File untuk percobaan
            FileOutputStream berkas = new FileOutputStream(namaFileA);
            berkas.close();
        }
        catch (Exception e){
            System.out.println("Kesalahan: " + e.getMessage());
        }
        //Buat objek file
        File fileA = new File(namaFileA);
        File fileB = new File(namaFileB);

        // cek file
        if (fileA.exists())
            System.out.println("File " + namaFileA + " ada.");
        else
            System.out.println("File " + namaFileA + " Tidak ada.");

        //cek file ke 2
        if (fileB.exists())
            System.out.println("File " + namaFileB + " ada.");
        else
            System.out.println("File " + namaFileB + " Tidak ada.");

        // Ganti Nama file
        System.out.println("Penggantian " + namaFileA + " menjadi " + namaFileB);
        fileA.renameTo(fileB);

        //cek kembali
        if (fileA.exists())
            System.out.println("File " + namaFileA + " ada.");
        else
            System.out.println("File " + namaFileA + " Tidak ada.");

        if (fileB.exists())
            System.out.println("File " + namaFileB + " ada.");
        else
            System.out.println("File " + namaFileB + " Tidak ada.");

    }

}

Jika di eksekusi maka hasilnya akan Seperti gambar di bawah ini :

Nah itulah penjelasan bagaimana cara mengganti nama file di javascript semoga adanya artikel ini dapat membantu dan bermanfaat, salam Sukai Penulis

Bagaimana Cara Menampilkan Isi File di Program JavaScript?

JavaScript Pemula

Hallo di sini saya akan berbagi bagaimana cara menampilkan isi file di program javascript, untuk lebih lengkap dan supaya anda lebih tahu bagaimana caranya maka silahkan anda lihat ke bawah ini, semoga nyaman untuk membacanya.

Dalam program ada yang di sebut menampilkan program kalau bahasa inggrisnya itu adalah view, nah kenapa harus ada view, karena jika tidak ada view kita tidak akan pernah tahu bahwa kita memasukan nilai atau nama kita tetapi tidak di simpan, nah itulah mengapa harus ada view untuk melihat data yang telah masuk.

Bagaimana Cara Menampilkan Isi file Di Program JavaScript ?

Pembacaan isi file yang di bentuk melalui cara seperti di depan dapat di lihat pada program berikut :

BacaFile

import java.io.FileInputStream;
import java.io.DataInputStream;
public class BacaFile {
public static void main(String[] args) {
// TODO Auto-generated method stub
try {
FileInputStream berkasData = new FileInputStream("C:\\Users\\Dh3'Tanz\\Documents\\Sukai Penulis\\pegawai.dat"");
DataInputStream masukan = new DataInputStream(berkasData);
while (masukan.available() >0){
System.out.print(masukan.readInt());
System.out.print(masukan.readUTF());
System.out.print(masukan.readBoolean());
}
berkasData.close();
}
catch(Exception e) {
System.out.print("Kesalahan: " + e.getMessage());
}
}
}

Jika Di eksekusi atau di jalankan kode script di atas maka hasilnya akan seperti di bawah ini :

Nah itulah penjelasan bagaimana cara menampilkan isi file di program javaScript semoga dengan adanya artikel ini bisa bermanfaat untuk anda semua khusunya bagi penulis, okeh waktunya saya pamit dulu, samapi jumpa di artikel lain, salam Suka Penulis

Cara Menambahkan Data Baru di File (JavaScript)

JavaScript Pemula 0

Apa jadinya program jika tidak bisa menambah data? mungkin itu namanya bukanlah program tapi hanya gambaran. hehe. Bukankah program itu harus bisa menambah menyimpan, mengubah, menghapus, dan juga mencari.

Nah kebetulan yang kali ini saya akan membahas bagaimana menambah data baru di file yang sudah di simpan, jika anda belum tahu membuat filenya anda bisa membaca artikel ini untuk membuatnya Cara Menyimpan Data File di JavaScript Lanjut, nah cara menambahkan data baru di file yang sudah di buat caranya simak saja di bawah ini.

Apakah isi file bisa di tambahi dengan data baru?

File yang telah berisi data bisa di tambahi data. Caranya, tambahkan argumen kedua pada konstruk FileOutputStream() dengan nilai true. contoh :

new FileOutputStream("C:\\Users\\Dh3'Tanz\\Documents\\Sukai Penulis\\pegawai.dat",true);

Contoh berikut di gunakan untuk menambahkan data dari keyboard ke file pegawai.dat. Untuk Script atau kode yang lengkap ada di bawah sini dan bacalah dengan teliti.

Cara Menambahkan Data Baru Di File

Salin kode di bawah ini atau tulislah agar anda cepat memahaminya, biar tahu di mana letak salahnya dan apa yang harus di ganti. Saya menambahkan class namanya TambahData.java, untuk anda terserah apa namanya sesuka hati kalian.

TambahData.java

import java.io.DataOutputStream;
import java.io.FileOutputStream;
import java.util.Scanner;
public class TambahData{
public static void main(String[] args){
// TODO Auto-generated method stub
try{
// Buka file untuk penulisan data
FileOutputStram berkasData = new FileOutputStream("C:\\Users\\Dh3'Tanz\\Documents\\Sukai Penulis\\pegawai.dat",true);
// Buat objek untuk penulisan data
DataOutputStream keluaran = new DataOutputStream(berkasData);
// Baca data dari keyboard
Scanner kbd1 = new Scanner(System.in);
System.out.print("NIP : ");
int nip = kbd1.nextInt();
Scanner kbd2 = new Scanner(System.in);
System.out.print("Nama : ");
String nama = kbd2.nextLine();
System.out.print("Jender (1= Pria, 0= Wanita) : ");
byte jenisKelamin = kbd2.nextByte();
boolean jender = jenisKelamin==1? P: W;
kbd1.close();
kbd2.close();
System.out.println();
System.out.println("Data Yang Di Masukan: ");
System.out.println("NIP => " + nip);
System.out.println("Nama => " + nama);
System.out.println("Jender => " + jender);
// Simpan Data
keluaran.writeInt(nip);
keluaran.writeUTF(nama);
keluaran.writeBoolean(jender);
// Tutup file
berkasData.close();
System.out.println("Data Sudah Di Simpan");
}
catch(Exception e) {
System.out.println("Terjadi Kesalahan Menyimpan: "+ e.getMessage());
}
}
}

Jika di eksekusi kode JavaScript dia atas dengan sesuai penempatan yang benar maka anda akan di suruh untuk memasukan nip, nama, dan jender seperti contoh gambar di bawah ini:

Selanjutnya jika sudah mengisi maka langkah selanjutnya anda tekan enter dan hasilnya akan seperti gambar di bawah ini :

Untuk melihat hasil keseluruhannya isi file yang sudah di buat maka anda harus membaca artikel sebelumnya di Sukai Penulis atau silahkan klik yang ini Cara Menampilkan Isi File Di Program JavaScript.

Nah itulah penjelasan dari saya semoga artikel ini dapat membantu bagi kita semua, waktunya saya pamit sampai jumpa di lain artikel sampai jumpa salam Sukai Penulis

Bagaimana Cara Menyimpan Data Di JavaScript melalui Eclipse?

JavaScript Pemula 0

Program tidak hanya untuk menulis script, menampilkan hasil script yang anda buat, tapi anda juga bisa menyimpan hasil pekerjaan serta membuat file, menghapus file, menyimpan file, dan juga mengubah file.

Nah untuk artikel kali ini saya akan membahas satu teori yaitu bagaimana cara menyimpan data di javascript melalui eclipse, apakah anda sudah tahu mengapa data perlu di simpan? terkadang ada pula yang berbicara data itu harus di simpan permanen? Bagaimana penjelasannya simak di bawah ini.

Mengapa data perlu di simpan permanen ?

Jika data hanya di simpan dalam memori, melalui perantaraan variabel atau struktur data, data akan hilang kalau komputer di matikan. Pada keadaan tertentu, data perlu di simpan secara permanen dalam bentuk file sehingga komputer tidak perlu di hidupkan secara terus menerus.

Pada waktu yang lain, ketika di perlukan, data bisa di baca kembali dari file. Hal seperti ini serupa dengan program yang anda tulis dan kemudian di simpan ke hard disk. Ketika anda bermaksud mengedit kembali program anda, anda cukup memuatnya terlebih dulu dari file.

Bagaimana cara menyimpan data ke file di javascript dengan sangat mudah ?

Silahkan rasakan kemudahan untuk menyimpan data ke file mencoba program berikut:

Program : SimpanData.Java

import java.io.FileOutputStream;
import java.io.DataOutputStream;
public class SimpanData {
public static void main(String[] args){
// TODO Auto-generated method stub
try {
// Buka file untuk penulisan data
FileOutputStream berkasData = new FileOutputStream("C:\\Users\\Dh3'Tanz\\Documents\\Sukai Penulis\\pegawai.dat");
//Buat objek penulisan data
DataOutputStream keluaran = new DataOutputStream(berkasData);
// Simpan data pertama
keluaran.writeInt(12345);
keluaran.writeUTF("Mr. A Sukai Penulis");
keluaran.writeBoolean(true);
// Simpan data kedua
keluaran.writeInt(12346);
keluaran.writeUTF("Mr. B. Sukai Penulis");
keluaran.writeBoolean(true);
// Simpan data ketiga
keluaran.writeInt(12347);
keluaran.writeUTF("Mr. C. Sukai Penulis");
keluaran.writeBoolean(true);
// Tutup file
berkasData.close();
system.out.println("Data sudah di simpan");
}
catch(Exception e){
System.out.println("Terjadi Kesalahan: " + e.getMessage());
}
}
}

Bila di eksekusi program di atas maka hasilnya akan seperti gambar di bawah ini :

Setelah di eksekusi maka lihatlah ke folder anda apakah berhasil di simpan file tersebut atau tidak jika berhasil maka akan muncul seperti gambar di bawah ini :

Operasi penyimpanan data relatif mudah. Ada lima langkah yang di perlukan. Hal pertama perlu di lakukan adalah menyertakan baris :

import java.io.FileOutputStream;
import java.io.DataOutputStream;

Empat langkah menyimpan data ke file

Sertakan :
import java.io.FileOutputStream;
import java.io.DataOutputStream;
Bentuk objek FileOutputStream

Bentuk Objek DataOutputStream

Lakukan penyimpanan melalui objek DataOutputStream

Tutup File

Langkah ke dua yang perlu di lakukan adalah menciptakan file. Perintahnya sebagi berikut :

FileOutputStream berkasData = new FileOutputStream("C:\\Users\\Dh3'Tanz\\Documents\\Sukai Penulis\\pegawai.dat");

Dalam hal ini :

FileOutputStream adalah kelas yang berguna untuk menangani file yang di khususkan untuk menciptakan file;
berkasData adalah mereferensi objek yang berkelas FileOutputStream
"C:\\Users\\Dh3'Tanz\\Documents\\Sukai Penulis\\pegawai.dat" menyatakan nama file pegawai.dat yang terdaoat du C:\\Users\\Dh3'Tanz\\Documents\\Sukai Penulis\\, yang di gunakan untuk menyimpan data

Langkah ketiga adakag menciptakan objek yang di gunakan untuk menangani penyimpanan data di file. Pernyataan yang di perlukan adalah :

DataOutputStream keluara = new DataOutputStream(berkasData);

Dalam hal ini :

DataOutputStream adalah kelas yang berguna untuk menangani penulisan data
Keluaran merujuk objek DataOutputStream
berkasData menyatakan file yang berhubungan dengan objek DataOutputStream

Langkah ke empat adalah untuk menyimpan data ke dalam file. Caranya sebagai berikut :

writeInt(12345);
keluaran.writeUTF("Mr. A. Sukai Penulis");
keluaran.writeBoolean(true);

Dalam hal ini :

Pernyataan pertama di gunakan untuk menuliskan data bertipe Int (Integer).
Pernyataan ke dua di gunakan untuk menuliskan data bertipe String.
Pernyataan ke tiga di gunakan untuk menuliskan data bertipe boolean.

Langkah ke lima, yang terakhir adalah untuk menutup file. Hal ini di laksanakan dengan memanggul metode bernama close() pada objek berkelas FileInputStream. Pada program di depan berupa :

berkasData.close();

Nah itulah penjelasan dari bagaimana cara menyimpan data di javascript melalui eclipse, semoga adanya artikel ini bisa membantu dan bermanfaat, terimakasih sudah berkunjung ke web ini. okeh waktunya saya pamit dulu sampai jumpa di lain artikel lagi salam Sukai Penulis

Bagaimana Cara Mendapatkan Hari Sekarang Di JavaScript?

JavaScript Pemula 0

Atribut-atribut program juga penting untuk desain tampilan, nah salah satunya hari, tanggal, dan jam, untuk itu saya sarankan untuk membuat program, gunakanlah atribut-atribut seperti jam, hari, dan tanggal, mungkin tidak berarti tapi bagi saya perlu, karena akan ada perbedaannya antara memakai waktu dan tidak. Untuk perbedaan antara memakai waktu dan tidaknya biar anda sendiri yang merasakannya.

Sebelum ke pembahasan saya sarankan, untuk membaca artikel ini harus agak sedikit teliti, karena jika tidak teliti akan ada sedikit kesalahan, kesalahan itu jangan di anggap enteng dan juga jangan di anggap sussah, ya karena seorang programer pasti suka yang suka eror-eror. hehe, Baiklah simak penjelasannya di bawah ini.

Bagaimana cara mendapatkan hari sekarang?

Anda bisa menggunakan getday() pada objek Dare. Nilai baliknya berupa bilangan antara 1 dan 7. Dalam hal ini 1 sampai tujuh dapat di artikan sebagai berikut :

1 = Minggu
2 = Senin
3 = Selasa
4 = Rabu
5 = Kamis
6 = Jum'at
7 = Sabtu

Contoh berikut memperlihatkan penggunaan array untuk mendapatkan nama hari sekarang simak di bawah ini.

import java.util.Calendar;
public class HariSekarang{
public static void main (String[] args) {
// TODO Auto-generated method stub
String[] hari = {"", "Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu"};
Calendar sekarang = Calendar.getInstance();
System.out.println("Hari ini : " + hari[sekarang.get(Calendar.DAY_OF_WEEK)]);
}
}

Bila anda mengeksekusi maka hasilnya akan seperti gambar di bawah ini.

Nah itulah penjelasan bagaimana cara mendapatkan hari sekarang di javascript semoga artikel ini bisa bermanfaat dan juga semoga dapat membantu. Salam Sukai Penulis

Bagaimana Cara Mendapatkan Tanggal Sekarang di JavaScript ?

JavaScript 0

Tanpa tanggal program tidak akan 100% sukses pasti akan ada yang kurang, karena menurut saya jika tidak ada tanggal itu adalah sesuatu yang mengganjal dalam pikiran dan selalu ada yang kurang, nah untuk melengkapi tanggal, saya akan berbagi tips sedikit mengenai bagaimana cara mendapatkan tanggal sekarang untuk melengkapi atribut-atribut program anda.

Bagaimana Cara Mendapatkan Tanggal Sekarang?

Java tidak mempunyai tipe data yang berhubungan dengan tanggal maupun jam. Namun anda tetap bisa menyimpan data tanggal atau jam. Tanggal sekarang bisa di peroleh melalui objek Date. contoh di tunjukan di program berikut :

import java.util.Calendar;
public class Sekarang {
public static void main (String[] args){
// TODO Auto-generated method stub
Calendar sekarang = Calendar.getInstance();
System.out.println ("Sekarang: " +
sekarang.get(Calendar.DAY_OF_MONTH) + "-" +
(sekarang.get(Calendar.MONTH) + 1) + "-" +
sekarang.get(Calendar.YEAR) + "-" +
sekarang.get(Calendar.HOUR) + ":" +
sekarang.get(Calendar.MINUTE) + ":" +
sekarang.get(Calendar.SECOND));
}
}

Penambahan angka 1 pada (sekarang.get(Calendar.MONTH) + 1 adalah karena get (Calendar.MONTH) akan menghasilkan nilai bulan yang berkisar antara 0 dan 11, bukan antara 1 dan 12.

Jika di eksekusi maka hasilnya akan seperti gambar contoh di bawah ini :

Nah itulah penjelasan mengenai bagaimana cara mendapatakan tanggal sekarang di java script semoga bermanfaat, sampai jumpa di lain artikel lagi. Salam Sukai Penulis

Apa Perbedaan Break dan Continue Di JavaScript?

JavaScript Pemula 0

Pada kesempatan kali ini saya akan menjelaskan sedikit apa perbedaan break dan continue di javascript, dengan sedikit ilmu dan pengalaman yang pernah saya alami mengenai program break dan continue, maka apa salahnya saya menjelaskannya walau hanya sedikit saja.

Sebelum ke pembahasan, lihatlah dan simak program yang saya buat dengan sederhana, mungkin anda akan sedikit memahami apa perbedaan break dan continue, maka lihatlah di bawah ini dengan seksama:

Program Sederhana Break

Program atau script:

public class Breakfor {
public stastic void main(String[] args) {
// TODO Auto-generated method stub
for (int i = 1; i <= 10; i++) {
if (i == 5)
break;
system.out.println(i);
}
}
}

Jika di eksekusi maka hasilnya akan seperti gambar di bawah ini :

Program Sederhana Continue

public class Contfor {
public stastic void main(String[] args) {
// TODO Auto-generated method stub
for (int i = 1; i <= 10; i++) {
if (i == 5)
continue;
system.out.println(i);
}
}
}

Jika di eksekusi maka hasilnya akan seperti gambar di bawah ini :

Program atau script di atas menunjukan:

Untuk program atau script Break :

Perhatikan, ketika i bernilai 5, break membuat eksekusi for di hentikan. Itulah sebabnya, nilai i terakhir yang di kirimkan ke system.out.println() adalah 4 dan akan di hentikan programnya jika i bernilai 5.

Untuk program atu script Continue :

Perhatikan satu-satunya nilai 1 dan 10 yang tidak di tampilkan adalah 5. Hal itu di sebabkan continue di jalankan saat i bernilai 5, Akibatnya system.out.println(i) tidak di jalankan saat itu. lalu, pernyataan continue membuat i++ di jalankan dengan demikian i berikutnya adalah 6.

Perbedaan Break dan Continue :

Break adalah suatu penghentian nilai dari nilai i (i =1) sampai akhir nilai i (4) ( i == 5 ) angka 5 tidak di tampilkan karena suatu penghentian break di angka 4. Sedangkan continue adalah melanjutkan, continue ini memulai dari nilai i (i == 5) akhir dengan melanjutkan ke nilai akhir yang di masukan ke dalam nilai i (i <= 10) angka 5 tidak di tampilkan karena continue di jalankan saat i bernilai 5.

Catatan: Lihatlah program script di atas untuk memahaminya

Nah itu lah penjelasan mengenai apa perbedaan break dan continue di javascript, semoga dengan adanya artikel ini bisa bermanfaat bagi semua, baiklah waktunya saya pamit. Sampai jumpa salam Sukai penulis

Bagaimana cara membuat deret bilangan fibonacci seperti 1,1,2,3,5,8,13,21?

JavaScript Pemula 0

Dua suku pertama dalam deret bilangan fibonacci berupa 1(satu). Suku ketiga dan seterusnya merupakan penjumlahan dua suku yang mendahulunya. Jadi, bila a dan b secara berurutan adalah dua suku sebelumnya, suku ke i sama dengan a + b. persoalan berikutnya, adalah mengatur nilai a dan b yang baru agar bisa di gunakan untuk menghitung suku berikutnya.

Bagaimana cara membuat deret bilangan Fibonacci seperti 1,1,2,3,5,8,13,21?

Dengan adanya fibonacci anda bisa membuat deret bilangan seperti judul di atas, caranya ikutilah program, dan tips-tips cara tersebut di bawah ini dengan tersusun. Script programnya adalah :

import java.util.Scanner;
public class fibonacci{
public static void main(String[] args){
// TODO Auto-generated method stub
System.out.println("Menampilkan deret bilangan fibonacci");
System.out.print("Sampai suku (n > 2): ");
Scanner scan = new Scanner(system.in);
int n = scan.nextint();
// Tampilkan dua suku pertama
int a = 1;
int b = 1;
System.out.println(a);
System.out.println(b);
// Tampilkan suku ketiga dst
fot (int suku = 3; suku <= n; suku++){
int c = a + b;
a = b; // b menjadi a
b = c; // dan c menjadi b untuk kepentingan perhitungan suku berikutnya
System.out.println(c);
}
scan.close();
}
}

Bila di eksekusi hasil programnya akan seperti gambar di bawah ini :

Nah itulah penjelasan bagaimana cara membuat bilangan dengan fibonacci seperti contoh di atas, semoga dengan adanya artikel ini bisa dapat bermanfaat, okeh sampai di sini dulu pembahasanya. Sampai jumpa dan Salam Sukai Penulis

Cara Membuat Kotak Di Program JavaScript

JavaScript Pemula 1

Pada kesempatan kali ini saya akan menjelaskan bagaimana cara membuat sebuah kotak dengan tinggi dan lebar kotak, cara ini mampu membuat program kita bisa berjalan dan membuat sebuah kotak dengan seperti yang kita inginkan, caranya anda hanya memasukan nilai tinggi kotak dan lebar kotak.

Baiklah simaklah penjelasan di bawah ini bagaimana cara membuat kotak di program javascript, caranya adalah sebagai berikut :

Cara membuat kotak di program javascript

Pembuatan kotak memerlukan bahasa pemrograman yaitu for bersarang, namun, perintah yang di perlukan lebih kompleks bila tinggi kotak adalah M dan lebar kotak adalah N.

Sebanyak N tanda * perlu di bentuk
Hanya kolom pertama dan terakhir yang di beri

Berdasarkan keadaan seperti programnya bisa di buat, implementasinya adalah sebagai berikut :

import java.util.Scanner;
public class Kotak{
public static void main (String[] args){
// TODO Auto-generated method stub
system.out.print("Tinggi Kotak : ";
Scanner scan = new Scanner(System.in);
int tinggi = scan.next.int();
system.out.print("Lebar Tinggi : ";
int lebar = scan.nextint();
// Buat bingkai atas
for (int kolom = 1; kolom <= lebar; kolom++)
system.out.print ('*');
system.out.println();
// Buat kiti dan kanan untuk
// baris = 2 s/d (tinggi-1)
for (int baris = 2; baris <= tinggi-1; baris++){
system.out.print('*');
for (int kolom = 2; kolom <= lebar-1; kolom++)
system.out.print(' '); //spasi
system.out.println('*');
}
// Buat bingkai bawah
for (int kolom =1; kolom<= lebar; kolom++)
system.out.print('*');
system.out.println();
scan.close();
}
}

Hasilnya akan seperti berikut ini bila anda eksekusi :

Catatan : Untuk tinggi itu adalah 7 (tujuh bintang) dan untuk lebar 5 (lima bintang)

Nah itu dia penjelasan mengenai bagaimana cara membuat kotak di java script, semoga saja bisa membantu anda dan juga semoga saja bermanfaat, ok penjelasan saya cukup sampai di sini sampai jumpa di lain artikel lagi, salam Sukai Penulis

Bagaimana Cara Menggunakan Pengulangan Dengan For di JavaScript?

JavaScript 0

Pada kesempatan kali ini saya akan menjelaskan bagaimana cara menggunakan pengulangan for di javascript, dengan sedikitnya pengalaman, jadi sebisa mungkin saya akan menjelasakan apa yang saya tahu.

Saya yakin seorang programer tentunya pasti telah tahu apa itu FOR, dan cara menggunakannya, tetapi apa salahnya saya juga memberikan sedikit penjelasan dan tips menggunakan FOR di javascript, baiklah silahkan simak penjelasan di bawah ini.

Bagaimana bentuk pengulangan dengan for ?

Untuk menggunakan for ini anda harus tahu terlebih dahulu pernyataan for, maksudnya supaya paham untuk menggunakannya. Pernyataan for memiliki bentuk seperti berikut :

For {insialisasi, penghenti, penaikan}
pernyataan

Pengulangan terhadap pernyataan di tentukan oleh tiga bagian yaitu :
Insialisasi : Bagian insialisasi dijalankan sekali sebelum pernyataan di jalankan
Penghenti : Bagian Penghenti akan selalu di evakuasi terlebih dahulu sebelum bagian pernyataan di jalankan. Sekiranya bagian penghenti ini bernilai salah (false), pengulangan akan di hentikan.
Penaikan : Bagian penaikan di jalankan secara otomatis setiap kali bagian pernyataan di jalankan.

Apabila ada beberapa pernyataan akan di ulang melalui FOR, bentuknya akan menjadi seperti berikut di bawah ini :

For (insialisasi, penghenti, penaikan){
Pernyataan pertama (1)
...
Pernyataan_N (akhir)
}

Untuk memahami pernyataan For, perhatikan contoh dengan while berikut yang pernah di bahas di artikel sebelumnya :

i = 1;
while (i <= n) {
system.out.println(i);
i++;
}

Bila di nyatakan dengan FOR, kodenya akan seperti di bawah ini :

For (i = 1; i <= n; i++)
system.out.println (i);

Kesamaan while dan for di atas di tunjukan pada gambar berikut :

Untuk contoh program untuk menampilkan bilangan 1 hingga N:

import java.util.Scanner;
public class for {
public static void main (String[] args) {
//TODO Auto-generated method stub
System.ou.print("Masukan bilangan bulat (n) : ");
int n = scan.nextint();
int i;
for (i = 1; i <= n; i++)
System.out.println(i);
scan.close();
}
}

Jika di eksekusi hasilnya akan seperti gambar di bawah ini :

Nah itulah penjelasan mengenai bagaimana cara menggunakan pengulangan dengan for di javascript mudah-mudahan bisa bermanfaat untuk kita semua, oke waktunya saya pamit, Salam Sukai Penulis

Cara Menggunakan Do while di JavaScript (Pemula!!)

JavaScript Pemula 0

Penggunaan do while sering kali di bahas saat belajar di sekolah maupun di kuliahan karena ini adalah dasar program untuk memahami variabel, serta atribut-atribut lainnya, untuk itu maka saya kali akan membahas bagaimana cara menggunakan do while di javascript, untuk penjelasannya silahkan simak penjelasan di bawah ini.

Bagaimana Bentuk Pengulangan Do while ?

Bentuk pernyataan do while adalah sebagai berikut :

do{
pernyataan
}while (kondisi)

Tanda {dan)} bisa di hilangkan kalau hanya satu pernyataan yang akan di ulang.

Perhatikan contoh gambar diagram alur pengulangan pada do while di atas:

Berbeda dengan while, do while ini menjalankan bagian pernyataan terlebih dahulu dan kemudian menguji kondisi. Dengan demikian, paling tidak bagian pernyataan do..while akan di jalankan sekali. Sebuah conoth yang menunjukan pengulangan dengan kemungkinan bagian pernyataan akan di jalankan sekali tunjukan di bawah ini.

import java.util.Scanner;
public class Bacaint {
public static void main (string[] args) {
//TODO Auto-generated merhod stub
int bil = 0;
booolean salah;
scanner scan =new Scanner(system.in);
do {
system.out.print("Masukan bilangan bulat: ");
salah=false;
try {
bil = scan.nextint();
}
catch (Execprion e){
system.out.println ("Anda salah memasukan bilangan!");
salah = true;
scan.next(); // Bungs sisa teks
}
}while (salah);
system.out.println ("Bilangan yang anda masukan: " + bil);
scan.close();
}
}

Hasil akhir akan seperti gambar di bawah ini :

Apakah semua yang bisa di tangani oleh while juga biasa di tangani oleh do while?

Secara prinsip ya. Namunm do while biasa di gunakan untuk kasus yang memerlukan pengujian di belakang atau paling tidak bagian pernyataan yang berbeda antara do dan while di jalankan sekali. Oleh karena itu, do while lebih jarang di gunakan dari pada while

Nah itulah penjelasan bagaimana cara menggunakan do while, semoga artikel ini bisa bermanfaat bagi semua, para pembaca. Terimakasih telah berkunjung, salam Sukai Penulis

Bagaimana Cara Menampilkan Bilangan Urutan Terbalik di JavaScript (N, N-1, 3,2,1)?

JavaScript Pemula 0

Anda akan sering menjumpai pengulangan dengan persoalan semacam itu, itulah sebabnya akan di berikan suatu tips untuk menangani persoalan seperti itu secara umum. Ada empat bagian yang menjadi kunci penting di dalam pengulangan dengan while. ke empat bagian tersebut adalah sebagai berikut :

Bagian Pertama : Bagian ini adalah bagian insialisasi variabel yang di pakai sebagai pencacah. Bagian ini hanya di jalankan sekali.
Bagian Kedua : Bagian ini berisi kondisi yang menentukan jumlah pengulangan.
Bagian Ke Tiga: Bagian ini berfungsi untuk menaikan atau menurunkan nilai variabel pencacah, yang juga berperan sebagai penentu pengulangan (mengingat variabel pencacah biasa di pakai dalam kondisi (bagian ke dua).
Bagian Ke Empat : Bagian ini berisi perintah yang umumnya di gunakan untuk menampilkan hasil. Bagin ini tentu saja juga merupakan bagian yang di ulang oleh while.

Lihat gambar di atas, Gambar di atas menunjukan ke empat bagian tersebut berdasarkan contoh program di depan.

Nah kalau ingin menampilkan bilangan dari n ke 1, variabel pencacah perlu di isii dengan terlebih dahulu. Kondisi penentu pengulangan perlu di ubah menjadi 1>=n. Bagian untuk menaikan atau menurunkan nilai tidak perlu di ubah. Dengan demikian, kode yang di perlukan adalah :

i = n;
while (i > 0) {
system.out.println(i);
i--;
}

Program yang lebih lengkapnya ada di bawah ini:

import jav.util.scanner;
public class Turun {
public static void main(string[] args) {
//TODO Auto-generated method stub
system.out.print("Masukan bilangan bulat (n) :");
int n = scan.nextint();
int i = n;
while (i > 0) {
system.out.println (i);
i--;
}
scan.close();
}
}

Contoh hasil eksekusi program:

Nah itulah penjelasan bagaimana cara menampilkan bilangan urutan terbalik di javascript, semoga artikel ini dapat membantu dan barmangfaat bagi semua yang telah membaca artikel ini, sebelum di tutup saya ucapkan terimakasih anda telah mengunjungi Sukai Penulis, cukup sampai di sini samapai jumpa. Salam Sukai Penulis

Cara Pengulangan Menggunakan While Di JavaScript?

JavaScript 0

Dasar pemrograman sering kali adanya pengulangan seperti while dan do while, tapi di sini saya hanya akan membahas while saja, namun untuk penjelasan do while mungkin nanti saya akan bahas di artikel lain, baiklah silahkan simak di bawah ini.

Apa yang dimaksud dengan pengulangan ?

Pengulangan adalah suatu bentuk pemrograman yang ringkas di dalam menangani suatu langkah yang berulang. Contoh yang sederhana, pengulangan dapat di pakai untuk menampilkan seratus atau bahkan seribu tulisan "java". Apabila tidak ada bentuk pengulangan, hal itu hanya bisa di lakukan dengan menuliskan seratus pertanyaan sebagi berikut :

system.out.printl("java");

Walaupun hal itu bisa di lakukan dengan "Copy and Paste", tetap saja cara seperti itu tidak praktis. Bayangkan pula, terdapat sebuah gambar 1000 x 1000 pixel. Kebutuhannya adalah menghitung jumlah piksel yang bernilai nol (0), Tanpa proses pengulangan, apa jadi nya? mustahil!

Contoh yang paling sederhana untuk menggabarkan penggunaan while adalah untuk menampilkan bilangan 1 sampai N, dengan N di masukan dari keyboard, Algoritmanya adalah sebagai berikut :

Ambil sebuah bilangan buat keyboard dan simpan ke variabel N.
Berikan nilai 1 ke variabel I.
while I < N
Tampilkan I ke layar
Naikan isi variabel I sebesar 1 (satu).

Berdasarkan algoritma di depan, kita coba dengan N = 4, Berikut adalah langkah per langkah yang akan terjadi.

Langkah 1:N = 4
Langkah 2:I =1
Langkah 3:I < N benar, sebab 1 < 4
- Langkah 3:a : Nilai 1 di tampilkan di layar
- Langkah 3:b: I =2
Langkah 3:I < N benar, sebab 2 < 4
- Langkah 3:a : Nilai 2 di tampilkan di layar
- Langkah 3:b: I =3
Langkah 3:I < N benar, sebab 3 < 4
- Langkah 3:a : Nilai 3 di tampilkan di layar
- Langkah 3:b: I =4
Langkah 3:I < N benar, sebab 4 < 4
- Langkah 3:a : Nilai 4 di tampilkan di layar
- Langkah 3:b: I =5
Langkah 3:I < N benar, sebab 5 > 4
Selesai

Berdasarkan Langkah-langkah di atas, nilai yang di tampilkan di layar berupa 1,2,3,dan 4. Algoritma di atas dapat di terjemahkan ke dalam program java sebagai berikut :

Algorimat dan Program :
Algoritma	Program Java
Ambil sebuah bilangan buat dari keyboard dan simpan ke variabel N	n = scan.getin();
Berikan nilai 1 ke variabel I	I=1;
While I < N	While (I < = n {
3.a. Tamppilkan I ke Layar	System.out.println(i);
3.b Naikan isi variabel I sebesar satu	I++; }

Contoh dalam bentuk program yang utuh dapat di lihat di bawah ini :

import java.util.Scanner;
public class NBilangan {
Public static void main {String[] args}{
//TODO Auto-generated method stub
System.out,print ("Masukan bilangan bulan (n) : ");
Scanner scan = new Scanner (System.in);
int n = scan.next Int();
int i = 1;
while (i <= n)
system.out.println(i);
i++;
}
scan.close();
}
}

Hasilnya akan seperti di bawah ini :

Catatan: Memsaukan bilangan Bulat itu terserah anda memasukan nilai berapa juga tidak di batas

Nah itulah penjelasan mengenai pengulangan bagaimana cara pengulangan menggunakan while di javascript semoga bisa bermanfaat. Salam Sukai Penulis

Bisakah Menjalankan Program Java Tanpa Melalui Eclipse?

JavaScript 0

Hallo kembali lagi dengan saya, admin sukai penulis yang memberikan info seputar pengalaman yang di miliki, baik maupun dari sekolah, atau pun dari kampus.

Baiklah kali ini ada beberapa pertanyaan mengenai program java, khusunya yang di atas, bisa kah kita menjalankan program java tanpa melalui esclipse? Sebelum itu alangkah baiknya anda tahu terlebih dahulu apa itu java ? Baiklah simak saja di bawah ini penjelasannya.

Apa itu Java ?

Java adalah nama sebuah bahasa pemrograman yang sangat terkenal. Sebagai bahasa pemrograman, java dapat di gunakan untuk menulis program. Sebagaimana di ketahui, program adalah kumpulan instruksi yang di tujukan untuk komputer.

Tugas tertentu sesuai yang di tentukan oleh pemrograman orang yang membuat program). Sebagai contoh, anda mungkin terbiasa menggunakan pengolah kata seperti word. Nah, word adalah contoh aplikasi yang di buat dengan menggunakan bahasa pemrograman.

Bahasa java di kembangkan di sun Microsystems dan mulai di perkenalkan kepada publik pada tahun1995. Seperti halnya C++, java juga merupakan bahasa yang berorientasi objek. dengan demikian, java juga memudahkan dalam pembuatan aplikasi yang berskala besar.

Bisakah menjalankan program java tanpa melalui Eclipse?

Tentu bisa, cara ini mungkin bisa membuat anda bengong, tapi jangan bengong-bengong nanti lalat bisa masuk kedalam mulut anda, ada 1 (satu) cara menjalankan program java tanpa eclipse yaitu dengan cara melakukan melalui Command Prompt milik windows. Penampakannya seperti di bawah ini :

Untuk mengaktifkan cara di atas anda bisa mengikuti langkah-langkah di bawah ini dengan step by step ya :

Klik tombol start milik windows
Klik pada All program
Klik pada accesories
Cari bertulisan Command Prompt dan klik pada Command Prompt

Untuk mengaktifkan Command Prompt di windows 8, lakukan langkah-langkah seprti di bawah ini:

Klik pada Start milik windows
Ketikan Com
Klik pada Command Promp

Di dalam command prompt, ketikan perintah berikut untuk mengaktifkan folder C:\Latjava

Cd C:\LatJava lalu Enter

Setelah tombol Enter di tekan, prompt berubah menjadi seperti berikut :

C:\LatJava>_

Setelah itu, buatlah file bernama atur.bat pada folder C:\LatJava dengan menggunakan editor teks, Hal ini perlu di lakukan sekali saja. Isinya sebagi berikut :

SET CLASSPATH=.;c:\Program Files\Java\jdk1.7.0\lib\tools.jar

SET PATH=%PATH%;c:\Program Files\Java\jdk1.7.0\bin

Setiap kali Command Propmt di panggil, panggilah atur.bat setelah itu caranya sebagai berikut :

c:\LatJava>atur lalu Enter

Setelah itu, anda bisa menjalankan program java yang telah terkompilasi (berekstensi .Class) dengan memanfaatkan program bernama java. Sebagai contoh, Logika.class akan di folder bin milik proyek logika. Anda bisa menjalankannya dengan cara seperti berikut dengan asumsi folder aktif adalah c:\Latjava:

c:\LatJava>cd Logika\bin lalu Enter

Setelah tombol enter di tekan, prompt akan berubah menjadi seperti berikut:

c:\LatJava\Logika\bin>_

Selanjutnya ketikan java Logika seperti berikut :

c:\LatJava\Logika\bin>java Logika

Hasilnya sebagi berikut :

Nah itulah penjelasan mengenai pertanyaan Bisakah menjalankan program java tanpa melalui Eclipse, ok kali ini sekian dari saya semoga artikel ini dapat membantu, terimakasih telah berkunjung, sampai jumpa salam Sukai Penulis

Cara mengatur posisi Absolute dan Relative di CSS

CSS HTML JavaScript 0

Dalam membuat layout menggunakan CSS, anda dapat menentukan posisi sebuah elemen dengan menggunakan fungsi dari position. Adapun property position tersebut berupa absolute, relative, dan static atau fixed.

Nilai dari static merupakan nilai default dari seluruh elemen yang terlihat dalam html. Relative hampir seperti nilai static, tetapi elemen-eleemennya dapat di set dari posisi orsinil dengan menggunakan nilai top, right, bottom, dan left.

Property fixed pada absolute, tetapi secara teoeri elemen yang menggunakan property ini akan tetap berada pada posisi tersebut walau halaan tersebut kita scroll ke atas atau ke bawah. Namun property fixed ini walau terlihat bekerja lebih baik dalam browser seperti mozilla dan opera, tetapi tidak bekerja sama sekali pada internet explorer.

Penerapannya di dalam dokumen web anda di hitung dari posisi atau koordinat samping kiri atas (absolute) atau mengakalkulasikan dari posisi atau koordinat di mana elemen tersebut di masukan (relative).

Catatan : Sebelum ke kode script, alangkah baiknya anda tahu pengertiannya

Posisi Absolute

Jika anda menentukan posisi ke dalama posisi absolute maka akan di kalkulasikan dari sebelah ujung kiri atas halaman kecuali layer tersebut di definisikan di dalam layer yang lain, dimana dalam kasus ini akan dikalkulasikan dari sebelah ujung kiri atas dari layer utama.

<div style="position:absolute; top:10; left:60; font-family: verdana; font-size:35pt; color: green">

Posisi Relative

Jika anda menentukan pisisi menjadi rekative maka akan di posisikan relative ke dalam tag yang di usung dalam stylenya. Jika anda menambahkan sebuah layer dengan posisi relative di tengah halaman, posisi akan dikalkulasikan tepat dari tempat yang sama dalam tengah halaman di mana ia di tambahkan.

Ketika property position mengindikasikan sumber luar dari koordinat sistem, maka property left dan top akan menentukan posisi yang tetap pada layer, yaitu posisi sebelah kiri halaman (left) dan posisi sebelah kanan halaman (right).Anda dapat memasukan baik nilai positif maupun negatif untuk property tersebut.

Dengan demikian, sangat mungkin untuk menempatkan isi atau content menjadi lebih tinggi dan ke lebih ke kiri dalam halaman di bandingkan posisi logical dalam kode atau script yang di buat dengan menggunakan html di mana layer tersebut di definisikan. Jadi di bawah kode html, anda akan dapat memasukkan kode untuk layer yang di posisikan pada atas halaman yang di hasilkan.

Baik property left maupun tip dapat di ubah secara dinamis dengan menggunakan bahasa javascript. Ini artinya bahwa anda akan dapat menggerakan objek pada layer bahkan setelah halaman web tersebut selesai di load.

Kegunaan lain dari layer yang di buat dengan CSS adalah berupa menu yang keluar ketika mouse bergerak melewati sebuah link yang telah di berikan script ini.

Property "z-index", berfungsi untuk meletakkan "stacking order" dari layar-layar yang di letakan antara satu dengan yang lain. Nilai z-index yang tertinggi akan menekan elemen yang terendah dan nilai yang terendah akan secara pasti mengikuti aturan di atasnya.

Sebagai contoh, Sebuah permainan kartu di mana kita sebuah as sekop jika berada pada dasar maka dapat di katakan memiliki z-index:52;. Hebatnya lagi bahwa z-index ini dapat di buat menjadi lebih baik lagi menggunakan javascript, tetapi tentu saja kita juga harus menguasai bahasa ini.

Anda dapat membuat beberapa halaman di atas tiap halaman lainnya seleuruhnya dalam sebuah halaman. Ketika pengguna memilih sebuah link, maka akan secara otomatis memindahkan layer dengan info yang kita inginkan di atasnya dari pada membuka sebuah halaman baru.

Tekhnik membuat efek seperti saat ini banyak mengacau pada DHTML (Dinamic HTML atau gabungan antara javascript dan CSS) yang lebih mengarah pada tujuan tersebut.

Salah satu penggunaan properti "z-index" adalah untuk menciptakan bayangan (drop shadow). Contoh berikut adalah penerapan z-index untuk membuat bayangan :

<html>
<head>
<title> Membuat Bayangan<title>
<style>
.posisi1 {position:relative; top:15; left:25; z-index:10; color:#00000; font-family: arial; font-size:25pt;}
.posisi2 {position:relative; top:-22; left:28; z-index:6; color:#00ccff; font-family: arial; font-size:25pt;}
.posisi3 {position:relative; top:-59; left:29; z-index:6; color:#ff00ff; font-family: arial; font-size:25pt;}
</syle>
</head>
<body>
<div class="posisi1">Bayangan dengan Layer </div>
<div class="posisi2">Bayangan dengan Layer </div>
<div class="posisi3">Bayangan dengan Layer </div>
</body>
</html>

Dalam browser akan terlihat seperti gambar di bawah ini:

Property terkahir adalah visibility property yang memungkinkan anda membuat layer yang tidak terlihat untuk menambahkan berbagai bentuk pop up menu dan berbagai efek lain dalam halaman anda. Nilai dari peroperty ini adalah "visible" untuk memperlihatkan layer dan "hidden" untuk menyembunyikan layer.

Dengan dynamic html akan memudahkan anda mengbah penampakan dari layer menurut masing-masing event. Kegunaan yang paling umum adalah dalam membuat menu yang dapat keluar (pop up), seperti menu statt dalam windwos di mana sub-menu-sub-menu yang akan keluar (pop up) tersebut harus di buat sebagai layer yang tidak terlihat (invisble layer).

Kemudian, sebuah mouse melintas di atas sebuah link maka layer yang kita tentukan akan terlihat. Namun browser netscape agaknya kurang mendukung teknologi css ini. Berikut adalah contoh pembuatan dokumen dengan properti "visibility", yang menerima nilai "visible" dan "hidden".

<html>
<head>
<title>Property visibility</title>
</head>
<div style="position: absoulte; top:10; left:50; font-family:verdana; font-size:30pt; color:green; font-variant:small-caps;">
Contoh Properti Visibility :</div>
<div style="position: absolute; top:180; left:50; letter-spacing:5px; font-family:verdana; font-size:20pt; color:red; visibility:hidden;">
1. Teks ini tidak terlihat karena visibility : hidden
</div>
<div style="position: absolute; top:180; left:50; letter-spacing:5px; font-family:verdana; font-size:20pt; color:red; visibility:visible;">
2. Teks ini telihat karena visibility : visible
</div>
</body>
</html>

Dalam browser akan terlihat seperti gambar di bawah ini:

Selain properti di atas, ada lagui yang namanya float. seperti artinya yaitu mengapung, maka elemen yang akan di buat ke kanan atau ke kiri dari sebuah garis dengan isi yang melingkupnya. Floating di gunakan untuk memosisikan elemen yang lebih keci dalam sebuah halaman, contoh script di bawah:

#navigasi {float: left; width:10px;}

#navigasi {float: right; width:10px;}

#isi {margin:0 10px;}

Jika anda tidak menginginkan elemen berikutnya elemen berikutnya mengelilingi objek yang di floating. Anda dapat menerapkan propery clear.

Clear: left (akan menghilangkan elemen float kiri)
Clear: Right (akan menghilangkan elemen float kanan)
Clear: Both (akan menghilangkan elemen float kiri dan kanan).

Sebagai contoh, jika anda membuat sebuah footer dalam halaman, anda dapat menambahkan sebuah id footer dan membahkan :

#footer {clear: both;)

contoh:

<html>
<head>
<title>Belajar float</title>
<style>
#navigasi {float: left; width:10px;}
#navigasi2 {float: right; width:50px;}
#footer {clear:both;}
</style>
</head>
<body>
<div id=navigasi> float kiri</div>
<div id=navigasi2> float kanan</div>
<div id=footer> clear float</div>
</body>
</html>

Jika di lihat di dalam browser akan terlihat seperti gambar di bawah ini:

Cukup sekian pembahasan kali ini, terimakasih sudah mau membaca artikel ini, sampai jumpa dan salam Sukai Penulis