- Javascript digunakan untuk membuat halaman web menjadi interaktif dan dinamis dengan cara mengakses dan mengubah elemen HTML, serta menampilkan popup, mengubah gaya tampilan, dan melakukan perhitungan
- Fungsi utama Javascript antara lain mengakses elemen HTML, menulis ke dalam elemen, menulis ke layar, dan menampilkan popup serta melakukan perhitungan
- Pernyataan kondisi seperti if, else, switch digunakan untuk men
1. jQuery merupakan library JavaScript yang digunakan untuk manipulasi DOM, animasi, dan AJAX.
2. Sintaks dasar jQuery menggunakan tanda dollar dan selector untuk memilih elemen HTML lalu menjalankan aksi tertentu.
3. jQuery memiliki berbagai metode untuk menangani event seperti klik, geser, dan isi formulir serta efek animasi seperti fade, slide, dan animate.
- Apa itu Javascript
- Hello World Javascript
- Kondisional di Javascript
- Pengulangan di Javascript
- Fungsi di Javascript
- Callback
- Menangani Event di Javascript
- Manipulasi DOM Sederhana
- Validasi Form Sederhana
- Apa itu NodeJS
- Hello World NodeJS
- Request Handling
- Koneksi NodeJS ke RDBMS MySQL
- Menampilkan Halaman HTML dengan Swig
- Mengirim Data dari Form Swig
Program ini terdiri dari dua bagian, yaitu bagian pertama untuk menampilkan form input dan bagian kedua untuk melakukan validasi terhadap data yang diinputkan ke dalam form tersebut."
cara membuat virtual host, cara mengganti sertifikat SSL, cara membuat sertifikat CA, menandatangani sertifikat request dan meng-install sertifikat CA pada browser.
Dokumen tersebut memberikan panduan langkah demi langkah untuk membuat aplikasi input data sederhana dengan PHP dan MySQL, meliputi:
1) Membuat struktur folder dan database
2) Membuat koneksi ke database
3) Membuat form input dan menyimpan data ke database
4) Menampilkan data dari database
5) Memperbarui data di database
</ringkasan>
- Javascript digunakan untuk membuat halaman web menjadi interaktif dan dinamis dengan cara mengakses dan mengubah elemen HTML, serta menampilkan popup, mengubah gaya tampilan, dan melakukan perhitungan
- Fungsi utama Javascript antara lain mengakses elemen HTML, menulis ke dalam elemen, menulis ke layar, dan menampilkan popup serta melakukan perhitungan
- Pernyataan kondisi seperti if, else, switch digunakan untuk men
1. jQuery merupakan library JavaScript yang digunakan untuk manipulasi DOM, animasi, dan AJAX.
2. Sintaks dasar jQuery menggunakan tanda dollar dan selector untuk memilih elemen HTML lalu menjalankan aksi tertentu.
3. jQuery memiliki berbagai metode untuk menangani event seperti klik, geser, dan isi formulir serta efek animasi seperti fade, slide, dan animate.
- Apa itu Javascript
- Hello World Javascript
- Kondisional di Javascript
- Pengulangan di Javascript
- Fungsi di Javascript
- Callback
- Menangani Event di Javascript
- Manipulasi DOM Sederhana
- Validasi Form Sederhana
- Apa itu NodeJS
- Hello World NodeJS
- Request Handling
- Koneksi NodeJS ke RDBMS MySQL
- Menampilkan Halaman HTML dengan Swig
- Mengirim Data dari Form Swig
Program ini terdiri dari dua bagian, yaitu bagian pertama untuk menampilkan form input dan bagian kedua untuk melakukan validasi terhadap data yang diinputkan ke dalam form tersebut."
cara membuat virtual host, cara mengganti sertifikat SSL, cara membuat sertifikat CA, menandatangani sertifikat request dan meng-install sertifikat CA pada browser.
Dokumen tersebut memberikan panduan langkah demi langkah untuk membuat aplikasi input data sederhana dengan PHP dan MySQL, meliputi:
1) Membuat struktur folder dan database
2) Membuat koneksi ke database
3) Membuat form input dan menyimpan data ke database
4) Menampilkan data dari database
5) Memperbarui data di database
</ringkasan>
Dokumen tersebut membahas tentang materi JavaScript pada bengkel internet PENS-ITS. Materi tersebut mencakup struktur JavaScript, pemrograman dasar seperti variabel, operator, percabangan, dan pengulangan, serta pembuatan form input dan button menggunakan JavaScript. Latihan dan tugas yang diberikan mencakup konversi nilai angka menjadi nilai huruf dan pembuatan kalkulator sederhana.
Dokumen tersebut membahas tentang materi JavaScript pada bengkel internet PENS-ITS. Materi tersebut mencakup struktur JavaScript, pemrograman dasar seperti variabel, operator, percabangan, dan pengulangan, serta pembuatan form input dan button menggunakan JavaScript. Latihan dan tugas yang diberikan mencakup konversi nilai angka menjadi nilai huruf dan pembuatan kalkulator sederhana.
Teks tersebut membahas beberapa konsep dasar dalam pemrograman berbasis web seperti MVC, model, view, controller, XML, JSON, AJAX, CSRF, dan WebSocket.
1. AJAX merupakan paduan beberapa teknologi seperti HTML, DOM, XML, Javascript untuk membuat aplikasi internet yang kaya dan interaktif.
2. Komponen AJAX meliputi HTML, XML, Javascript, dan Objek XMLHttpRequest. AJAX memungkinkan permintaan ke server tanpa memuat ulang halaman.
3. Contoh penggunaan AJAX meliputi permintaan data ke server, pengolahan respon, dan pertukaran data menggunakan JSON.
Modul ini membahas pengenalan dasar Javascript untuk membuat halaman web interaktif. Terdapat penjelasan tentang apa itu Javascript, perbedaan Javascript dengan Java, dan contoh kode Javascript sederhana untuk memvalidasi form dan permainan interaktif. Modul ini juga mendemonstrasikan penggunaan tag <SCRIPT> untuk menyisipkan kode Javascript di dalam dokumen HTML.
Menyimpan Data Ke Database Dengan Ajax Dan PHPEllyx Christian
Untuk menyimpan data ke database ada tiga langkah yang perlu anda lakukan : 1. Bentuk XMLHttpRequest object, 2. Kirim data yang akan disimpan ke database dengan method send dari XMLHttpRequest, dan 3. Buat handle Page untuk menyimpan data ke database. Pada tutorial sebelumnya anda telah belajar bagaimana mengirim data ke server dengan AJAX. Jika anda telah mengerti dengan tutorial sebelumnya dan telah berhasil melakukan contoh yang diberikan maka untuk mengerti tutorial ini akan sangat mudah bagi anda. Untuk menyimpan data ke database dengan ajax anda hanya memerlukan beberapa langkah ke depan. Pada tutorial sebelumnya anda telah diberikan sebuah contoh bagaimana mengirim data ke web server dan menampilkan data yang dikirim. Untuk menyimpan data ke database, langkah-langkah yang dilakukan hampir sama dengan contoh sebelumnya. Anda tinggal mengubah script yang digunakan untuk menangani data yang dikirim, yang semula hanya untuk menampilkan data yang dikirim dengan mambahkan script untuk menyimpan data ke database.
Dokumen tersebut membahas tentang alat-alat animasi dua dimensi dan tiga dimensi beserta contoh perangkat lunak untuk masing-masing dimensi. Juga membahas tugas kelompok untuk menganalisis satu perangkat lunak animasi dan membuat presentasi. Kelas dibagi menjadi enam kelompok untuk menganalisis enam perangkat lunak yang berbeda.
Dokumen tersebut membahas tentang materi JavaScript pada bengkel internet PENS-ITS. Materi tersebut mencakup struktur JavaScript, pemrograman dasar seperti variabel, operator, percabangan, dan pengulangan, serta pembuatan form input dan button menggunakan JavaScript. Latihan dan tugas yang diberikan mencakup konversi nilai angka menjadi nilai huruf dan pembuatan kalkulator sederhana.
Dokumen tersebut membahas tentang materi JavaScript pada bengkel internet PENS-ITS. Materi tersebut mencakup struktur JavaScript, pemrograman dasar seperti variabel, operator, percabangan, dan pengulangan, serta pembuatan form input dan button menggunakan JavaScript. Latihan dan tugas yang diberikan mencakup konversi nilai angka menjadi nilai huruf dan pembuatan kalkulator sederhana.
Teks tersebut membahas beberapa konsep dasar dalam pemrograman berbasis web seperti MVC, model, view, controller, XML, JSON, AJAX, CSRF, dan WebSocket.
1. AJAX merupakan paduan beberapa teknologi seperti HTML, DOM, XML, Javascript untuk membuat aplikasi internet yang kaya dan interaktif.
2. Komponen AJAX meliputi HTML, XML, Javascript, dan Objek XMLHttpRequest. AJAX memungkinkan permintaan ke server tanpa memuat ulang halaman.
3. Contoh penggunaan AJAX meliputi permintaan data ke server, pengolahan respon, dan pertukaran data menggunakan JSON.
Modul ini membahas pengenalan dasar Javascript untuk membuat halaman web interaktif. Terdapat penjelasan tentang apa itu Javascript, perbedaan Javascript dengan Java, dan contoh kode Javascript sederhana untuk memvalidasi form dan permainan interaktif. Modul ini juga mendemonstrasikan penggunaan tag <SCRIPT> untuk menyisipkan kode Javascript di dalam dokumen HTML.
Menyimpan Data Ke Database Dengan Ajax Dan PHPEllyx Christian
Untuk menyimpan data ke database ada tiga langkah yang perlu anda lakukan : 1. Bentuk XMLHttpRequest object, 2. Kirim data yang akan disimpan ke database dengan method send dari XMLHttpRequest, dan 3. Buat handle Page untuk menyimpan data ke database. Pada tutorial sebelumnya anda telah belajar bagaimana mengirim data ke server dengan AJAX. Jika anda telah mengerti dengan tutorial sebelumnya dan telah berhasil melakukan contoh yang diberikan maka untuk mengerti tutorial ini akan sangat mudah bagi anda. Untuk menyimpan data ke database dengan ajax anda hanya memerlukan beberapa langkah ke depan. Pada tutorial sebelumnya anda telah diberikan sebuah contoh bagaimana mengirim data ke web server dan menampilkan data yang dikirim. Untuk menyimpan data ke database, langkah-langkah yang dilakukan hampir sama dengan contoh sebelumnya. Anda tinggal mengubah script yang digunakan untuk menangani data yang dikirim, yang semula hanya untuk menampilkan data yang dikirim dengan mambahkan script untuk menyimpan data ke database.
Dokumen tersebut membahas tentang alat-alat animasi dua dimensi dan tiga dimensi beserta contoh perangkat lunak untuk masing-masing dimensi. Juga membahas tugas kelompok untuk menganalisis satu perangkat lunak animasi dan membuat presentasi. Kelas dibagi menjadi enam kelompok untuk menganalisis enam perangkat lunak yang berbeda.
Dokumen tersebut memberikan informasi mengenai cara membuat media tanam, persemaian, dan pot yang terbuat dari bahan daur ulang untuk keperluan bercocok tanam secara organik dan produktif. Dibahas pula proses pembuatan pupuk kompos dan arang sekam sebagai campuran media tanam, serta langkah-langkah persemaian benih hingga siap dipindahkan ke pot daur ulang.
Monografi ini membahas budidaya tanaman sayuran dengan sistem hidroponik. Sistem ini memungkinkan produksi sayuran berkualitas tinggi secara terus-menerus tanpa menggunakan tanah. Prinsip utama sistem ini adalah penyediaan nutrisi seimbang dan lingkungan yang optimal bagi pertumbuhan perakaran melalui larutan nutrisi. Buku ini memberikan panduan praktis tentang unsur-unsur penting, formula nutrisi, pemilihan media dan komoditas, serta hasil
Dokumen ini menyajikan struktur kurikulum untuk program keahlian Teknik Otomotif pada SMK/MAK bidang Teknologi dan Rekayasa. Kurikulum terdiri dari kelompok mata pelajaran wajib, bidang studi dasar, dan paket keahlian yang mencakup teknik kendaraan ringan, sepeda motor, perbaikan bodi otomotif, dan alat berat.
NPV dan IRR merupakan metode penilaian kelayakan investasi yang mempertimbangkan nilai waktu uang dengan memperkirakan arus kas masa depan dan menghitung nilai sekarangnya. Payback period mengukur lama waktu yang dibutuhkan untuk mengembalikan modal awal berdasarkan arus kas bersih setiap tahun. Ketiga metode ini digunakan untuk membantu pengambilan keputusan apakah suatu investasi layak dilakukan.
This document summarizes the key features of the Dropbox mobile app for Android devices. The app allows users to access and view Dropbox files on their Android device, share files with others by email or messaging, and take photos and videos that will automatically sync and be available across all of their devices. It also provides flexibility by allowing opened Dropbox files to be used by other Android apps and features.
Seorang pria berusia 29 tahun menyatakan kerinduannya terhadap musik dan hatinya. Meskipun ada kontroversi di hatinya, ia telah menunjukkan konspirasi kemakmuran melalui birokrasi yang menarik. Ia belajar harmonisasi, gitar, dan hal-hal kecil sampai besar tanpa ego atau kudeta. Hubungan ini tidak mempengaruhi status keluarga, tetapi perlu mengatasi masalah ekonomi dengan bangga.
Dropbox is a free service that allows users to access and sync files across all their devices. Any file saved to the Dropbox folder on one device is automatically synced to all other linked devices. The Dropbox folder works just like any other folder but syncs file changes in real-time. Users can drag and drop files into their Dropbox folder to upload and access them from any device or the Dropbox website.
1. Penggunaan JavaScript pada HTML
1. Seleksi
a. Perintah If
Untuk penggunaan perintah if pada HTML dengan bantuan JavaScript
mempunyai ketentuan sbb. :
• Setiap kondisi harus diawali dengan “(“ dan diakhiri dengan “)”
•
Tidak menggunakan kata ‘then’
•
Jika lebih dari 1 statement untuk setiap blok statement harus diawali dengan
“{“ dan diakhiri dengan “}”
Contoh :
<html>
<body>
<script language="Javascript">
var d =new Date()
var time = d.getHours()
if (time<10)
document.write("Good Morning")
</script>
</body>
</html>
b. Perintah If …Else
<html>
<body>
<script language="Javascript">
var d = new Date()
var time = d.getHours()
if (time<10)
{ document.write("Good Morning<br>")
document.write("Selamat Pagi") }
else { document.write("Good Day<br>")
document.write("Selamat Siang") }
</script>
</body>
</html>
c. Perintah Nested If (HTML & PHP)
<html>
<body>
<script language="Javascript">
var x=10
var y=10
if (x == y)
document.write("X sama dengan Y")
else if (x < y)
document.write("X lebih kecil dari Y")
else
document.write("Y lebih kecil dari X")
</script>
</body>
</html>
<html>
<body>
<?
$x=10;
$y=10;
if ($x == $y)
echo "X sama dengan Y";
elseif ($x < $y)
echo "X lebih kecil dari Y";
else
echo "Y lebih kecil dari X";
?>
</body>
</html>
d. Perintah Switch
<html>
<body>
<script language="Javascript">
var d = new Date()
theDay = d.getDay()
switch (theDay)
{
case 0:
document.write("Hari Minggu")
break
21
2. case 1:
document.write("Hari Senin")
break
case 2:
document.write("Hari Selasa")
break
case 3:
document.write("Hari Rabu")
break
case 4:
document.write("Hari Kamis")
break
case 5:
document.write("Hari Jumat")
break
case 6:
document.write("Hari Sabtu")
break
default:
document.write("Hari Libur")
}
</script>
</body>
</html>
2. Perintah Looping
a. Looping dengan for (HTML & PHP)
<html>
<head>
</head>
<body>
<script language="Javascript">
for (x=0;x<=10;x++)
document.write(x+"<br>")
</script>
</body>
</html>
<html>
<head>
</head>
<body>
<?
for ($x=0;$x<=10;$x++) {
echo "$x<br>"; }
?>
</body>
</html>
b. Looping dengan do..while
<html>
<head>
</head>
<body>
<script language="Javascript">
var x=0
do
{
document.write(x+"<br>")
x++
}
while (x <= 10)
</script>
</body>
</html>
Output Looping dengan for & do…while
22
3. c. Looping dengan while
<html>
<head>
</head>
<body>
<script language="Javascript">
var x=0
while (x<=10)
{
document.write(x+"  ")
x++
}
</script>
</body>
</html>
Output :
3. Subprogram
Subprogram pada Javascript tidak mengenal procedure, tetapi hanya function dimana
kasus procedure ditangani sebagai function tanpa nilai kembali (return value). Berikut
contoh procedure :
<! -- js_proc.html -->
<html>
<head>
<script language="javascript">
function myfunction()
{
alert("STMIK-YMI Tegal")
}
</script>
</head>
<body>
<form>
<input type="button" onclick="myfunction()" value="Call Function">
</form>
</body>
</html>
Output :
23
4. Procedure dengan parameter pass by value :
<! -- js_proc2.html -->
<html>
<head>
<script language="javascript">
function myfunction(txt)
{
alert("Hai "+txt)
}
</script>
</head>
<body>
<form>
Nama <input type="text" name="vstring">
<input type="button" onclick="myfunction('Hello')" value="Call Function">
</form>
</body>
</html>
Procedure dengan parameter pass by reference :
Fungsi :
Berikut ini contoh fungsi (function) dengan parameter pass by value dengan pemanggilan
tak langsung atau melakukan assignment terhadap variable SUM terlebih dahulu.
<! -- js_func1.html -->
<html>
<head>
<script language="javascript">
24
6. Ket :
- Jika ingin tampil kesamping ubah perintah document.write(nama[i]+ "<br>")
menjadi document.write(nama[i]+" ") -> HTML
- Jika ingin tampil kesamping ubah perintah document.echo “$value<br>"; }
menjadi “$value "; } -> PHP
5. Alert
<! -- js_alert.html -->
<html>
<head>
<title>Contoh Alert</title>
</head>
<body>
<script language="javascript">
alert("Hello World")
</script>
</body>
</html>
6. Confirm
<!-- js_confirm.html -->
<html>
<head>
<title>Contoh Confirm</title>
</head>
<body>
<script language="Javascript">
var name=confirm("Press a button")
if (name==true)
document.write("You Pressed OK")
else
document.write("You Pressed Cancel")
</script>
</body>
</html>
7. Prompt
<!-- js_prompt.html -->
<html>
<head>
<title>Contoh Prompt</title>
</head>
<body>
<script language="Javascript">
var name=prompt("Masukkan Nama Anda","")
if (name !=null && name !="")
document.write("Hello "+name)
</script>
</body>
</html>
26
7. DAFTAR TABEL Fungsi Tag pada HTML
Tag-Tag Umum pada HTML
Tag
Keterangan
<html>….</html>
Tag untuk mengapit halaman HTML
<head>….</head>
Tag berisi informasi umum dari halaman
<title>….</title>
Judul halaman (terdapat pada <head>)
<body>….</body>
Setting atribut untuk seluruh isi halaman
<b>…..</b>
Untuk menebalkan teks
<i>…..</i>
Untuk memiringkan teks
<u>…..</u>
Untuk menggaris-bawahi teks
<p>….</p>
Untuk membuat paragraph
<font>….</font>
Untuk memanipulasi huruf
<br>….
Untuk pindah ke baris baru
<hr>….
Untuk membuat garis horizontal
<a>….</a>
Untuk membuat links
<table>….</table>
Untuk membuat tabel
Daftar atribut dari tag font
Tag
Keterangan
Name
Untuk menentukan jenis huruf yang digunakan
Size
Untuk menentukan ukuran huruf
Color
Untuk menentukan warna huruf
Daftar atribut dari tag a
Tag
href
target
style
class
name
Keterangan
Ke halaman website yang akan dituju
Dibuka pada window baru atau tidak
Penambahan css
Nama class yang dipanggil
Nama dari link
Daftar atribut dari tag table
Tag
Keterangan
width
Untuk mengatur lebar table (% atau pixel)
height
Untuk mengatur tinggi table
border
Untuk menentukan tebal bingkai
cellpadding
Menentukan jarak padding antar cell
cellspacing
Menentukan jarak spacing antar cell
name
Untuk menentukan nama table
bgcolor
Untuk menentukan warna background
background
Untuk menampilkan gambar sebagai background
align
Letak teks secara horizontal (rata kiri,tengah atau kanan)
valign
Letak teks secara vertikal (rata atas,tengah atau bawah)
style
Untuk css
bordercolor
Untuk mengatur warna bingkai
Daftar atribut tag tr,th dan td
Tag
Keterangan
height
Untuk mengatur tinggi table
bgcolor
Untuk mengatur warna background
background
Untuk menampilkan gambar sebagai background
align
Untuk mengatur letak teks secara horizontal
valign
Untuk mengatur letak teks secara vertikal
colspan
Untuk menghilangkan sejumlah kolom
rowspan
Untuk menghilangkan sejumlah baris
27