Senin, 03 Juni 2013
Penggunaan Tombol Pada JavaScript
<!-Tampilan.HTML->
<html>
<head>
<title>Menampilkan Hari</title>
</head>
<SCRIPT LANGUAGE="JavaScript">
function test()
{
hari = prompt("Masukkan Kode Hari (1-8)")
switch(hari)
{
case "1" :
document.write("SENIN")
break
case "2" :
document.write("SELASA")
break
case "3" :
document.write("RABU")
break
case "4" :
document.write("KAMIS")
break
case "5" :
document.write("JUMAT")
break
case "7" :
document.write("SABTU")
break
case "8" :
document.write("MINGGU")
break
default :
document.write("PERBAIKI CARA INPUT MU BRO")
}
}
</SCRIPT>
<body>
<input type ="button" name="button1" value="Switch" onclick=test()>
</body>
</html>
ScreenShoot :
<html>
<head>
<title>Menampilkan Hari</title>
</head>
<SCRIPT LANGUAGE="JavaScript">
function test()
{
hari = prompt("Masukkan Kode Hari (1-8)")
switch(hari)
{
case "1" :
document.write("SENIN")
break
case "2" :
document.write("SELASA")
break
case "3" :
document.write("RABU")
break
case "4" :
document.write("KAMIS")
break
case "5" :
document.write("JUMAT")
break
case "7" :
document.write("SABTU")
break
case "8" :
document.write("MINGGU")
break
default :
document.write("PERBAIKI CARA INPUT MU BRO")
}
}
</SCRIPT>
<body>
<input type ="button" name="button1" value="Switch" onclick=test()>
</body>
</html>
ScreenShoot :
Tampilan Awal
Setelah Tombol Di Klik
Output
Penggunaan IF - ELSE IF - ELSE Pada JavaScript
<!-ifelse.HTML->
<HTML>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
var theDay = prompt("Masukkan Kode Hari = ","")
if (theDay ==1)
{
document.write("Hari Ini Senin")
}
else if (theDay ==2)
{
document.write("Selasa")
}
else if (theDay ==3)
{
document.write("Rabu")
}
else if (theDay ==4)
{
document.write("Kamis")
}
else if (theDay ==5)
{
document.write("Jumat")
}
else if (theDay ==6)
{
document.write("Sabtu")
}
else
{
document.write("Minggu")
}
</SCRIPT>
</BODY>
</HTML>
ScreenShoot :
<HTML>
<HEAD>
<TITLE>CONTOH SELEKSI IF - ELSE</TITLE></HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
var theDay = prompt("Masukkan Kode Hari = ","")
if (theDay ==1)
{
document.write("Hari Ini Senin")
}
else if (theDay ==2)
{
document.write("Selasa")
}
else if (theDay ==3)
{
document.write("Rabu")
}
else if (theDay ==4)
{
document.write("Kamis")
}
else if (theDay ==5)
{
document.write("Jumat")
}
else if (theDay ==6)
{
document.write("Sabtu")
}
else
{
document.write("Minggu")
}
</SCRIPT>
</BODY>
</HTML>
ScreenShoot :
Tampilan Awal
Setelah Menginput Kode
CONFIRM Pada JavaScript
<!-CONFRIM.HTML->
<HTML>
<HEAD>
<TITLE>CONFIRM</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
var NAME = confirm ("Tekan Salah Satu Tombol")
if (NAME==true)
{
document.write("Anda Menekan Tombol OK")
}
else
{
document.write("Anda Menekan Tombol Cancel")
}
</SCRIPT>
</BODY>
</HTML>
ScreenShoot :
<HTML>
<HEAD>
<TITLE>CONFIRM</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
var NAME = confirm ("Tekan Salah Satu Tombol")
if (NAME==true)
{
document.write("Anda Menekan Tombol OK")
}
else
{
document.write("Anda Menekan Tombol Cancel")
}
</SCRIPT>
</BODY>
</HTML>
ScreenShoot :
Tampilan Awal
Setelah Menekan Tombol OK
PROMPT Pada JavaScript
<!-PROMPT.HTML->
<HTML>
<HEAD>
<TITLE>PROMPT</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
var NAME = prompt ("MASUKKAN NAMA ANDA = ","")
if (NAME!=null && NAME!="")
{
document.write("HALLO "+NAME+". APA KAREBA?")
}
</SCRIPT>
</BODY>
</HTML>
ScreenShoot :
Saknyu :D
<HTML>
<HEAD>
<TITLE>PROMPT</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
var NAME = prompt ("MASUKKAN NAMA ANDA = ","")
if (NAME!=null && NAME!="")
{
document.write("HALLO "+NAME+". APA KAREBA?")
}
</SCRIPT>
</BODY>
</HTML>
ScreenShoot :
Saknyu :D
Jumat, 05 April 2013
Menggunakan Tag Artikel Pada HTML5
<html>
<head>
</head>
<body>
<section>
<h1>Artikel Terbaru</h1>
<article>
<h2>Tes Tes</h2>
<small>Ditulis pada <time datetime="2013-04-05">05 April 2013</time> oleh Achmad
Lhaychie</small>
Contoh Penggunaan Tag-tag pada HTML 5
<!DOCTYPE html>
<html>
<head>
<title>HTML5</title>
<header>
<h1 align="center">Header HTML 5</h1>
<hr size=1 color="black"/>
<p><time pubdate datetime="2011-03-15"></time></p>
</header>
Membuat Canvas Senderhana Pada HTML5
<!DOCTYPE HTML>
<html>
<head>
<style>
#myCanvas {
border: 1px solid #9C9898;
}
</style>
<script>
window.onload = function() {
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var centerX = canvas.width / 2;
var centerY = canvas.height / 2;
var radius = 70;
Minggu, 31 Maret 2013
HTML 5 Adalah Masa Depan Internet
HTML 5 saya yakin sebagian besar dari kita sudah mendengarnya, tapi
belum banyak yang tahu pengertian secara spesifik apa itu HTML 5.
Pengertian HTML 5 dalam situs Wikipedia yaitu sebuah bahasa pemrograman
internet untuk menstrukturkan dan menampilkan isi dari suatu situs,
sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari
HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya,
HTML4, pada tahun 1997 dan hingga bulan Juni 2011 masih dalam
pengembangan. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki
teknologi HTML agar mendukung teknologi multimedia terbaru, mudah dibaca
oleh manusia dan juga mudah dimengerti oleh mesin.
Sabtu, 30 Maret 2013
Macromedia Dreamwaver 8
Pastinya anda sudah sangat mengenal dengan nama software Macromedia
Dreamweaver. Nah apa keistimewaan dari software ini?
Langganan:
Postingan (Atom)