Pelajaran Javascript Part 2
Bebecara Contoh penggunaan Javascript
Contoh (script1.html)
:
<HTML><HEAD>
<TITLE> Belajar
JavaScript</TITLE></HEAD>
<BODY>
<P><INPUT
TYPE="button" value="Satu"
onclick="pilih('satu');">
<P><INPUT
TYPE="button" value="Dua"
onclick="pilih('dua');">
<P><INPUT
TYPE="button" value="Tiga" onclick="pilih('tiga');">
<P><INPUT
TYPE="button" value="Empat"
onclick="pilih();">
<SCRIPT
LANGUAGE="JavaScript">
function pilih(x) {
switch (x) {
case "satu": alert('Pesan
Penting!');
break;
case "dua": confirm("Belajar
JavaScript?");
break;
case "tiga": var answer =
prompt("Isi Nama Anda ?","");
break;
default: alert('Pilihan lain.');
} }
</SCRIPT>
</BODY></HTML>
Contoh (script2.html)
:
<HTML><HEAD>
<TITLE> Belajar
JavaScript</TITLE></HEAD>
<BODY>
<P><INPUT
TYPE="button" value="Satu" onclick="pilih('satu');">
<P><INPUT
TYPE="button" value="Dua"
onclick="pilih('dua');">
<P><INPUT
TYPE="button" value="Tiga"
onclick="pilih('tiga');">
<P><INPUT
TYPE="button" value="Empat"
onclick="pilih();">
<SCRIPT
LANGUAGE="JavaScript">
document.write("<H2>Belajar
Desain Web.</H2>");
var yourname=prompt("Nama Anda
?","Name");
document.write("<H3>Welcome,
" + yourname + "</H3>");
var a=20; b=30;
document.write(a*b);
</SCRIPT>
<FORM>
<P><INPUT TYPE="button" value="#d0d0a9"
onClick="document.bgColor='d0d0a9'">
<P><INPUT TYPE="button" value="#794e23"
onClick="document.bgColor='#794e23'">
<P><INPUT TYPE="button" value="#cc2801"
onClick="document.bgColor='#cc2801'">
</FORM>
</BODY></HTML>
Contoh (script3.html)
:
<HTML><HEAD>
<TITLE> Swap Simple </TITLE>
<SCRIPT
LANGUAGE="JavaScript">
var sample2= new Image( )
sample2.src="sample2.gif"
var sample1=new Image( )
sample1.src="sample1.gif"
function switch2( ) {
document.sample.src=sample2.src
}
function switch1( ) {
document.sample.src=sample1.src
}
</SCRIPT>
</HEAD>
<BODY>
<a href="#"
onMouseOver="switch2( )" onMouseOut="switch1( )">
<img name="sample" src="sample1.gif"
border=0></a>
</BODY></HTML>
PENGGUNAAN ARRAY :
<html>
<head>
<title>For
Loop</title>
<script
language="JavaScript">
var
airFlock="";
var airplane =
new
Array("Cessna","Piper","Maule","Mooney","Boeing");
for (var
counter in airplane) {
airFlock += airplane[counter] +
"<br>";
}
document.write(airFlock);
</script>
</head>
<body
bgColor="powderblue">
</body>
</html>
<html>
<head>
<title>
Text Box Math </title>
<script
language="JavaScript">
function
addEmUp( ){
var sum=document.calc.aOne.value + document.calc.aTwo.value;
alert(sum);
}
</script>
</head>
<body
bgcolor="#ffffaa">
<h4>Enter
2 numbers and press the Sum button.</h4>
<form
name="calc">
<input
name="aOne" type=text ><P>
<input
name="aTwo" type=text ><P>
<input
type=button value="Sum" onClick="addEmUp( )">
</form>
</body>
</html>
<html>
<head>
<style type="text/css">
.blackPatch {
background-color:000000
}
</style>
<title>Password</title>
<script
language="Javascript">
function
checkIt( ) {
var
verify=document.pass.word.value;
if
(verify=="JavaScript") {
alert("You may pass.")
} else {
alert("Sorry Jack, you\'re out of
luck.")
}
}
</script>
<body>
<h3>Please
enter your password and then
<br>
click on the page out of the text box:</h3>
<div
class=blackPatch>
<form
name="pass">
some space <input type=password
name="word" onBlur="checkIt( );"> more space
</form>
</div>
</body>
</html>
Comments
Post a Comment