Upload presentasi
Presentasi sedang didownload. Silahkan tunggu
1
Mengenal Java Script
2
Mengenal Javascript Javascript merupakan bahasa pemrograman web yang berbasis script. Menggunakan Javascript dalam pemrograman web dapat menciptakan sebuah web dengan tampilan dan kinerja yang dinamis dan interaktif
3
HTML yang sudah sampai pada versi 5 dan semakin maraknya tuntutan untuk menggunakan bahasa CSS, mau tidak mau membuat javascript harus menjadi bahasa yang flexibel dan mudah untuk digunakan, bukan sebaliknya.
4
Tag Tag HTML <TITLE> <HEAD> <BODY> <!-- <A HREF=“ ”> <B> <I> <U> <P> <BR> <CENTER> <FONT> <IMG> <FORM>
5
Komponen HTML Komponen Kode TextFiled
<input type="text" name="text1" size="10" maxlength="30"> Password <input type=“text” name=“pwd1” size=“12” maxlength=“12”> TextArea <textarea name=“Tarea1” rows=3 cols=20 maxlength=100></textarea> SelectList <select name=“combo”><option>option1<option>option2<option>option3<option>option4</select> CheckBox <input type=‘checkbox’ name=‘cek1’>pilhan1 RadioButton <input type=‘radio’ name=‘radio1’>pilhan1 Table <table border=‘3’ bordercolor=‘gray’ size=‘25%’><tr><td>kolom1</td><td>kolom2</td></tr></table> Button <input type=“button” name=“tombol1” value=“Tombol”> Reset <input type=“reset” name=“reset1” value=“Reset"> Submit <input type="button" name=“submit1" value=“Submit">
6
Kode Javascript <script language=‘javascript’> <!-- “Kode javascript”//--> </script> Atau <script type=‘text/javascript’> <!-- “Kode javascript” //-->
7
Ketentuan Setiap satu perintah kode javascript diakhiri dengan tanda titik koma (;) Tag javascript <script type=“text/javascript”></script> bisa diletakkan pada posisi tag mana saja dalam elemen html. Misal didalam tag <head></head>, <body></body>, atau <form></form>. Tag komentar (<!-- //-->) bertujuan untuk mencegah agar kode javascript tidak tampil secara langsung pada halaman situs, khususnya karena browser yang dipake tidak mendukung javascript. Javascript tetap bisa berjalan tanpa kode html, dengan catatan browser yang digunakan mendukung penuh javascript
8
Ketikkan script berikut :
<html> <head> <title> Belajar Javascript </title> <script type="text/javascript"> <!-- alert("Hello Word !!!"); document.write ('<p style="color:blue; text-align:center; font-size:18px;"> RPL SMK N 5 SKA </p>'); //--> </script> </head> <body> </body> </html>
11
Ketikan Script berikut
<html> <head> <title> Latihan Kedua </title> <script languange=“Javascript”> <!-- alert ("Selamat Datang"); document.write('<p style="color:red; text-align:center; font-size:18px;"> SMK Negeri 5 Surakarta </p>'); alert ("Belajar Javascript yuuukk!!"); document.write('<p style="color:green; text-align:center; font-size:25px;"> Rekayasa Perangkat Lunak </p>'); alert("Enjoy and Spirit"); document.write('<p style="color:pink; text-align:center; font-size:30px;"> Pure and Simple </p>'); //--> </script> </head> <body> </body> </html>
Presentasi serupa
© 2024 SlidePlayer.info Inc.
All rights reserved.