Showing posts with label Java Script. Show all posts
Showing posts with label Java Script. Show all posts

5/28/09

A siMpLe JavaScripT

kaLi ini saya mendapat TuGas dari pak Welly..guRu TI saya..

Kali ini tentang JavaScript..

yooOO..
Langsung z nIe ScRiptnya....

Yang perTama nie..



<script language="javascript">
var a=12;
var b=4;
function pd2(b) {
var a=b*2;
return a;}
document.write("Dua kali dari ",b," adalah ",pd2(b));
document.write("Nilai dari a adalah", a);
</script>



tarrRRaa....nie hasilnya..




Yang kedua Nie..


<script language="javascript">
var a=12;
var b=4;
function pd2(b) {
a=b*2;
return a;}
document.write("Dua kali dari ",b," adalah ",pd2(b));
document.write("Nilai dari a adalah", a);
</script>



Dan iNi..sKrinSyuuUUtnya..


Selengkapnya..

5/13/09

Membuat CaLculator dengan JavaScript

Kali ini ada tugas pemrogaman web baru "rasa" java scrpit....:)

YuP mBuat CaLculator dengan Java Script (gag Pake' baterai....?!Hehe..:D)

Nie SkrinSYutnya..



dan ini SCRipTnya..




<html>

<head>
<title>JS - Calculator</title>

<script language="Javascript">
<!--
/* Variable */
var plussign = ' + ';
var minussign = ' - ';
var multiplysign = ' * ';
var dividesign = ' / ';
var decimalsign = ' . ';
var negativesign = ' -';
var leftbracket = ' (';
var rightbracket = ') ';
var rad = 3.141592654 / 180;
var base_10 = Math.LN10;
var base_2 = Math.LN10;

/* Yup...Mulai */
function calculate(arg) {
arg.expr.value = eval(arg.expr.value)
}

function enter(arg, string) {
arg.expr.value += string
}

function clear_display(arg) {
arg.expr.value = ' '
}

function calc_sqrt(form) {
form.expr.value = (Math.sqrt(form.expr.value))
}

function calc_sqr(form) {
form.expr.value = ((form.expr.value * 1) * (form.expr.value * 1))
}

function sin_form(form) {
form.expr.value = (Math.sin (form.expr.value * rad))
}

function cos_form(form) {
form.expr.value = (Math.cos (form.expr.value * rad))
}

function tan_form(form) {
form.expr.value = (Math.tan(form.expr.value * rad))
}

function inverse(form) {
form.expr.value = ( 1 / (form.expr.value))
}

function base10_log(form) {
form.expr.value = (Math.log(form.expr.value) / base_10)
}

function base2_log(form) {
form.expr.value = (Math.log(form.expr.value) / base_2)
}
//-->
</script>

</head>

<body>
<p align="center"><big><big>JavaScript - Calculator SMANEKA</big></big></p>
<form>
<!-- Rechner Beginn -->
<table border="0" width="100" bgcolor="#CCCCCC" align="center">
<tr>
<td width="100%" colspan="5"><input type="text" name="expr" size="35"
action="calculate(this.form)"></td>
</tr>
<tr>
<td width="20%"><input type="button" value=" sin " Onclick="sin_form(this.form)"></td>
<td width="20%"><input type="button" value=" cos " OnClick="cos_form(this.form)"></td>
<td width="20%"><input type="button" value=" tan " Onclick="tan_form(this.form)"></td>
<td width="20%"><input type="button" value="log10e" onClick="base10_log(this.form)"></td>
<td width="20%"><input type="button" value=" log2e " OnClick="base2_log(this.form)"></td>
</tr>
<tr>
<td width="20%"><input type="button" value=" Sqrt " Onclick="calc_sqrt(this.form)"></td>
<td width="20%"><input type="button" value=" Sqr " OnClick="calc_sqr(this.form)"></td>
<td width="20%"><input type="button" value=" ( " OnClick="enter(this.form,
leftbracket)"></td>
<td width="20%"><input type="button" value=" ) " OnClick="enter(this.form,
rightbracket)"></td>
<td width="20%"><input type="button" value=" 1 / X " OnClick="inverse(this.form)"></td>
</tr>
<tr>
<td width="20%"><input type="button" value=" 7 " onClick="enter(this.form, 7)"></td>
<td width="20%"><input type="button" value=" 8 " onClick="enter(this.form, 8)"></td>
<td width="20%"><input type="button" value=" 9 " onClick="enter(this.form, 9)"></td>
<td width="40%" colspan="2"><input type="button" value=" C " onClick="clear_display(this.form)"></td>
</tr>
<tr>
<td width="20%"><input type="button" value=" 4 " onClick="enter(this.form, 4)"></td>
<td width="20%"><input type="button" value=" 5 " onClick="enter(this.form, 5)"></td>
<td width="20%"><input type="button" value=" 6 " onClick="enter(this.form, 6)"></td>
<td width="20%"><input type="button" value=" * " onClick="enter(this.form,
multiplysign)"> </td>
<td width="20%"> <input type="button" value=" / " onClick="enter(this.form,
dividesign)"></td>
</tr>
<tr>
<td width="20%"><input type="button" value=" 1 " onclick="enter(this.form, 1)"></td>
<td width="20%"><input type="button" value=" 2 " onclick="enter(this.form, 2)"></td>
<td width="20%"><input type="button" value=" 3 " onclick="enter(this.form, 3)"></td>
<td width="20%"><input type="button" value=" + " onClick="enter(this.form,
plussign)"> </td>
<td width="20%"> <input type="button" value=" - " onClick="enter(this.form,
minussign)">
</td>
</tr>
<tr>
<td width="20%"><input type="button" value=" 0 " onClick="enter(this.form, 0)"></td>
<td width="20%"><input type="button" value=" . " onClick="enter(this.form,
decimalsign)"></td>
<td width="20%"><input type="button" value=" neg " onClick="enter(this.form,
negativesign)"></td>
<td width="40%" colspan="2"><input type="button" value=" = " onClick="calculate(this.form)"></td>
</tr>
</table>
<!-- Bisa... -->
</form>
</body>

</html>



UpZs.....
ada perTanyaAnnya juga nie....
Eh JawaBannya juga..hoho..^^

1. Apa nama title skrip javascript tersebut ?
TitLenya : JS - Calculator

2. ekstensi file Skrip tersebut disimpan dengan file ber-ekstensi jenis ?
Skrip tersebut disimpan dengan file berekstensi jenis HTML (*.html/*.htm

3. berapa jumlah variabel yang didefinisikan dalam file tersebut !
Jumlan variabelnya ada 11.

4. Berapa jumlah fungsi yang ada didalam skrip tersebut !
Jumlah fungsinya ada 11.

5. Tuliskan nama semua variabel skrip javascript tersebut ?

var plussign = ' + ';
var minussign = ' - ';
var multiplysign = ' * ';
var dividesign = ' / ';
var decimalsign = ' . ';
var negativesign = ' -';
var leftbracket = ' (';
var rightbracket = ') ';
var rad = 3.141592654 / 180;
var base_10 = Math.LN10;
var base_2 = Math.LN10;


6. Tuliskan nama semua fungsi skrip tersebut ?

function calculate(arg)

function enter(arg, string)

function clear_display(arg)

function calc_sqrt(form)

function calc_sqr(form)

function sin_form(form)

function cos_form(form)

function tan_form(form)

function inverse(form)

function base10_log(form)

function base2_log(form)


7. Tuliskan skrip untuk membuat tampilan display pada skrip tersebut !

<input type="text" name="expr" size="35"
action="calculate(this.form)">


8. Tuliskan skrip untuk membuat 1 tombol !

<input type="button" value=" sin " Onclick="sin_form(this.form)">


9. Tuliskan fungsi jika tombol = ditekan oleh mouse !
<input type="button" value=" = " onClick="calculate(this.form)">

10. Tuliskan skrip untuk membersihkan display !
<input type="button" value=" C " onClick="clear_display(this.form)">

function clear_display(arg) {
arg.expr.value = ' '
}


Selengkapnya..

4/16/09

Form ValiDation

"Soory, still uNder Construction"
He....:)


<html>
<body>

<script language="JavaScript">

function chkuname()
{
uname=new String();
uname=document.regis.uname.value
if ( uname.length == 0 )
{
alert ("Enter a User Name");
}
else
{
chkupass()
}
}

function chkupass()
{
upass=new String();
upass=document.regis.upass.value
if (upass.length < 5)
{
alert ("Password Must be atleast 6 Chars");
}
else
{
chkname()
}
}

function chkname()
{
var ch=0;
name=new String();
name=document.regis.name.value;

if (name.length==0)
alert ("Enter your Name")
else
{
u=0;
for (i=0;i<name.length;i++)
{
if ((name.charCodeAt(i) >= 64 && name.charCodeAt(i) <= 90)||(name.charCodeAt(i) >= 97 && name.charCodeAt(i) <= 122)||(name.charCodeAt(i)==46)||(name.charCodeAt(i)==32))
{
}
else
{
u=u+1;
}
}
if (u>0)
{
alert ("Invalid Name");
}
else
{
chkdob()
}
}
}

function chkdob()
{
dob=new String();

dob=document.regis.dob.value
if (dob.length!=10)
alert ("Invalid Date")
else
{
if (dob.charAt(2)!="/" && dob.charAt(5)!="/")
alert ("Invalid Date Format")
else
tempstr=dob.split("/")
dd=tempstr[0]
mm=tempstr[1]
yy=tempstr[2]
if (dd>=1 && dd<=31 && mm>=1 && mm<=12 && yy>=1900 && yy<=2004 )
{
chkemail()
}
else
alert ("Enter Valid date")
}
}

function chkemail()
{
mail=new String();
mail=document.regis.email.value

if (mail.length<1)
alert("Please enter e-mail address.");
else
{
at_pos=mail.indexOf("@")
dot_pos=mail.indexOf(".")
if(at_pos<1 || dot_pos<1)
alert("Missing '@' and '.' in email address.")

else
{
u=0;
p=0;
for(var i=0;i<mail.length;i++)
{
if ((mail.charCodeAt(i) >= 64 && mail.charCodeAt(i) <= 90)||(mail.charCodeAt(i) >= 97 && mail.charCodeAt(i) <= 122)||(mail.charCodeAt(i) >= 48 && mail.charCodeAt(i) <= 57)||(mail.charCodeAt(i)==95)||(mail.charCodeAt(i)==46))
{
if(mail.charAt(i)=="@")
p=p+1
}
else
{
u=u+1
}
}
if (p>1)
alert ("Email must have only one '@'")
if (u>0)
alert ("Special Characters are not allowed")
}
}
}

</script>

<form name="regis">
User Name : <input type="text" name="uname" size="20">
<br>
Password : <input type="password" name="upass" size="20">
<br>
Name : <input type="text" name="name" size="20">
<br>
DOB (DD/MM/YYYY): <input type="text" name="dob" size="8">
<br>
Email : <input type="text" name="email" size="20">
<br>
<input type="button" value="Submit" onclick="chkuname()" name="sub">
</form>
</body>
</html>


Selengkapnya..

4/2/09

Soal dan Jawaban Soal UTS

nie DIa soAl-soal n Jwaban dari UTS..



1. Bahasa pemrograman yang ditempatkan/ditempelkan pada HTML dan akan diproses oleh web client adalah:
PHP

2. Pemrograman dengan skrip PHP berjalan pada komputer :
Server

3. Dibawah ini Bahasa Pemrograman yang mempunyai licence copyright dan harus membelinya adalah :
ASP

< FRAMESET ROWS="90,*" border=1>
< FRAME SRC="judul.html" SCROLLING=NO NORESIZE>
< FRAMESET COLS="160,*,100">
< FRAME SRC="menu.html" NORESIZE>
< FRAME SRC="prakata.html" NAME="FRAME-3">
< FRAME SRC="menu4.html" NAME="FRAME-4">
</FRAMESET>
</FRAMESET>

4. Dari script diatas Berapa jumlah frame yang dibuat :
4 Frame

5. Masih dari skrip diatas, Frame yang digunakan sebagai halaman inti untuk isi website adalah :
FRAME-3

<body background="bg2.jpg">
<font size=7>Entry Data Siswa</font>
Ketik data-data siswa dibawah ini :<br />
<form id="form1? name="form1? method="post" action="isisiswa.php">
<table><tr><td>Nama Siswa</td><td><input type="text" name="nama" id="nama" /></td></tr>
<tr><td>Nomor Induk</td><td><input type="text" name="induk" id="induk" /></td></tr>
<tr><td>Kelas</td><td><input type="text" name="kelas" id="kelas" /></td></tr>
</table>
<input type="submit" name="Submit" id="Submit" value="Kirim" />
</form>
</body>
</html>

6. Perhatikan skrip diatas :
Skrip diatas bertugas untuk melakukan operasi :
Entery

7. Tetap dari skrip diatas hasil dari skrip tersebut akan ditangani oleh file :
isisiswa.php

<html>
<body>
<?php
$nama = $_POST['nama'];
$induk = $_POST['induk'];
$kelas = $_POST['kelas'];
$conn = mysql_connect("localhost","root","");
if (!$conn) {
echo "Could not connect to db";
exit(1);
}
$db = mysql_select_db("latihan",$conn);
$sqlText = "insert into siswa(nama, induk, kelas)
values('$nama','$induk','$kelas')";
mysql_query($sqlText);
?>Data telah dimasukkan dalam database<br />
</body>
</html>

8. Perhatikan skrip diatas, skrip diatas bertugas untuk melakukan operasi :
Adding

9. Masih dari skrip diatas, nama database dan tabel yang dimaksud skrip tersebut adalah :
latihan, siswa

10. Tag HTML untuk membuat link adalah:
< a href=”linKnya_pakde”></a >

11. HTML singkatan dari:
Hyper Text Markup Language

12. Properti yang berguna untuk mengatur warna bingkai tabel adalah:
border-color

13. Tag HTML yang menandakan kita menggunakan Javascript adalah
< script language="javascript" > < /script >

14. Apa guna function dalam Javascript
Menggabungkan beberapa perintah

15. Tag yang digunakan untuk ganti baris
< br >

16. Tag HTML untuk menjalankan program Javascript yang disimpan dalam bentuk file adalah
< script src="SCriptNya_paKde.js" > < /script >

17. Tag yang digunakan untuk membuat paragraf adalah
< p >

18. Pasangan tag digunakan untuk
Mendefinisikan style sheet

19. Tag HTML untuk menampilkan gambar adalah
< img src="gamBarnya_PakDe.jpg" >

20. Untuk membuat judul tabel digunakan tag
< th >


Selengkapnya..

2/19/09

Soal Latihan Pemograman Web

Di bawah ini adalah Soal Latihan (Tugas TI-q^^) Tentang pemrogaman Web (Beserta JawabanQ)





1. Tag HTML untuk membuat link adalah:


A. < a href=”URL/nama file”> </a>

B. < link=”URL/nama file”> </link>

C. < a link=”URL/nama file”> </a>

D. < href=”URL/nama file”> </href>



Jawab : A









2. HTML singkatan dari:

A. High Text Multi Language

B. Hyper Text Markup Language

C. Hyper Text Multi Languange

D. High Text Markup Language



Jawab : B









3. CSS singkatan dari:

A. Cascading Sensitive Sheet

B. Cascading Style Sheet

C. Case Sensitive Sheet

D. Case Style Sheet



Jawab : B









4. Properti yang berguna untuk mengatur warna bingkai tabel adalah:

A. border-style

B. color-border

C. border-color

D. table-color



Jawab : C









5. Suatu bentuk hubungan interaktif dimana client dapat mengirimkan masukan ke server, dan server mengolah masukan tersebut kemudian dikembalikan kepada client, adalah konsep dari

A. CGI

B. Internet

C. HTML

D. Javascript



Jawab : A









6. Perl adalah singkatan dari:
A. Practical Extraction and Reporting Language
B. Practical Emulation and Reporting Language
C. Principal Extraction and Reporting Language
D. Principal Emulation and Reporting Language


Jawab : A










7. Tag HTML yang menandakan kita menggunakan Javascript adalah
A. < script language=”javascript” > </script>
B. < javascript> </javascript>
C. <script=”javascript” > </script>
D. <language=”javascript” > </language>


Jawab : A










8. Apa guna function dalam Javascript
A. memanggil script Java
B. menentukan jenis bahasa yang dipakai
C. elemen yang harus ada pada Javascript
D. menyatukan beberapa perintah


Jawab : A











9. Tag yang digunakan untuk ganti baris
A. <a>
B. < b>
C. < p>
D. <br>


Jawab : D











10. Tag HTML untuk menjalankan program Javascript yang disimpan dalam bentuk file adalah
A. < script language=”file.js” > </script>
B. < script=”file.js” > </script>
C. < script src=”file.js” > </script>
D. < script> “file.js” </script>


Jawab : C











11. Tag yang digunakan untuk membuat paragraf adalah
A. < p>
B. < b>
C. < pr>
D. < br>


Jawab : A










12. Pasangan tag <STYLE> dan </STYLE> digunakan untuk
A. Membuat link
B. Membuat paragraf
C. Mendefinisikan style sheet
D. Memberi komentar dalam HTML


Jawab : C










13. Bahasa pemrograman yang ditempatkan/ditempelkan pada HTML dan akan diproses oleh web client adalah
A. Javascript
B. ASP
C. PHP
D. ASP .Net


Jawab : B










14. Tag HTML untuk menampilkan gambar adalah
A. < src img=”file.jpg” >
B. < scr img=”file.jpg” >
C. < img scr=”file.jpg” >
D. < img src=”file.jpg” >


Jawab : D











15. Untuk membuat judul tabel digunakan tag
A. < table>
B. < td>
C. < th>
D. < tr>


Jawab : C











Selengkapnya..

Belajar Java Script Yuk….

EHm,,,,
Bertemu lagi dengan saya (apan sih?!) gag penting Bgth!.
Kali ini untuk memenuhi pelajaran saya (Pemrograman Web oleh Pak Welly) yaitu tentang Java Script. Nie dia scripNa....



<input type="button" value="Jangan Diklik"

onclick="alert('Kok tetap diklik sih__.!!!')">

<input type="button" value="Putih"

onmouseover="document.bgColor='white'"

onmouseout="document.bgColor='yellow'">


Dan Hasilnya.....





onclick="alert('Kok tetap diklik sih__.!!!')">
onmouseover="document.bgColor='white'"
onmouseout="document.bgColor='yellow'">

Selengkapnya..

  ©Template Blogger Green by Dicas Blogger.

TOPO