Modul Ajar Flowchart
Modul Ajar Flowchart
MODUL AJAR
FLOWCHART
A. Pengertian flowchart
Flowchart atau bagan alur adalah diagram yang menampilkan langkah-langkah dan
keputusan untuk melakukan sebuah proses dari suatu program. Setiap langkah digambarkan
dalam bentuk diagram dan dihubungkan dengan garis atau arah panah. Flowchart berperan
penting dalam memutuskan sebuah langkah atau fungsionalitas dari sebuah proyek
pembuatan program yang melibatkan banyak orang sekaligus. Selain itu dengan
menggunakan bagan alur proses dari sebuah program akan lebih jelas, ringkas, dan
mengurangi kemungkinan untuk salah penafsiran. Penggunaan flowchart dalam dunia
pemrograman juga merupakan cara yang bagus untuk menghubungkan antara kebutuhan
teknis dan non-teknis.
Sebelum lanjut saya mau memberitahu sesuatu nih, kamu dapat memperdalam
pengetahuan kamu mengenai flowchart di Dicoding loh. Materi ini dapat kamu temukan dan
kamu pelajari di Memulai Dasar Pemrograman untuk Menjadi Pengembang Software.
B. Fungsi flowchart
Fungsi utama dari flowchart adalah memberi gambaran jalannya sebuah program dari satu
proses ke proses lainnya. Sehingga, alur program menjadi mudah dipahami oleh semua
orang. Selain itu, fungsi lain dari flowchart adalah untuk menyederhanakan rangkaian
prosedur agar memudahkan pemahaman terhadap informasi tersebut.
C. Jenis flowchart
Flowchart sendiri terdiri dari lima jenis, masing-masing jenis memiliki karakteristik dalam
penggunaanya. Berikut adalah jenis-jenisnya:
1. Flowchart dokumen
Pertama ada flowchart dokumen (document flowchart) atau bisa juga disebut
dengan paperwork flowchart. Flowchart dokumen berfungsi untuk menelusuri alur form
dari satu bagian ke bagian yang lain, termasuk bagaimana laporan diproses, dicatat, dan
disimpan.
2. Flowchart program
Selanjutnya kita akan membahas flowchart program. Flowchart ini menggambarkan
secara rinci prosedur dari proses program. Flowchart program terdiri dari dua macam,
antara lain: flowchart logika program (program logic flowchart) dan flowchart program
komputer terinci (detailed computer program flowchart).
3. Flowchart proses
Flowchart proses adalah cara penggambaran rekayasa industrial dengan cara merinci dan
menganalisis langkah-langkah selanjutnya dalam suatu prosedur atau sistem.
4. Flowchart system
Yang keempat ada flowchart sistem. Flowchart sistem adalah flowchart yang
menampilkan tahapan atau proses kerja yang sedang berlangsung di dalam sistem secara
menyeluruh. Selain itu flowchart sistem juga menguraikan urutan dari setiap prosedur
yang ada di dalam sistem.
5. Flowchart skematik
Terakhir ada flowchart skematik. Flowchart ini menampilkan alur prosedur suatu sistem,
hampir sama dengan flowchart sistem. Namun, ada perbedaan dalam penggunaan simbol-
simbol dalam menggambarkan alur. Selain simbol-simbol, flowchart skematik juga
menggunakan gambar-gambar komputer serta peralatan lainnya untuk mempermudah
dalam pembacaan flowchart untuk orang awam.
D. Simbol flowchart
Pada dasarnya simbol-simbol dalam flowchart memiliki arti yang berbeda-beda. Berikut adalah simbol-simbol yang sering
digunakan dalam proses pembuatan flowchart.
Simbol-simbol ini memiliki jenis dan fungsi yang berbeda-beda. Ada yang berfungsi untuk menghubungkan satu simbol dengan
simbol lainnya seperti simbol flow, on-page dan off-page reference. Selain itu ada juga simbol yang berfungsi untuk menunjukan
suatu proses yang sedang berjalan, dan yang terakhir terdapat simbol yang berfungsi untuk memasukan input dan menampilkan
output.
Contoh algoritma dan flowchart:
1. Untuk membuat sebuah flowchart sederhana kamu diharuskan untuk mengetahui setiap simbol
dan juga fungsinya. Nah, di bawah ini saya akan memberikan sebuah contoh flowchart sederhana
untuk menentukan apakah bilangan yang dimasukan ganjil atau genap.
2. Buatlah flowchart untuk menginputkan dua bilangan bulat dan tampilkan bilangan terbesar di
antara keduanya. (dianggap keluar bilangan nilanya berbeda)
3. Buatlah flowchart untuk menginputkan sebuah bilangan bulat lalu tampilkan bilangan “Ganjil”.
Jika bilangan ganjil tampikan bilangan ganjil dan jika tidak tampilkan bilangan genap
4. Buatkan algoritma dengan struktur Indonesia dan flowchart untuk menghitung total pembayaran
pembelian. Input berupa nama pembeli, data barang dengan jumlah barang yang dibeli berupa
nam barang, jumlah dan harga barang. Barang yang dibeli jumlahnya bias banyak tergantung
pembeli konsumen implementasi dengan perulangan for.
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
5. Flowchart & Algoritma Menghitung Luas Segitiga
Algoritma Menghitung Luas Segitiga
Analisis :
Input : a (alas) dan t (tinggi)
Luas Segitiga = a*t/2
Algoritma :
Masukan nilai alas (a) dan nilai tinggi segitiga (t)
Maka untuk menghitung luas digunakan rumus alas dengan tinggi yang sudah ditentukan
Rumus untuk menghitung Luas Segitiga yaitu L = 1/2*a*t
Nilai L (Luas) akan dicetak sebagai output ke perangkat output (keluaran)
Flowchart Menghitung Luas Segitiga
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
Flowchart Keliling Lingkaran
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
Flowchart Luas Persegi Panjang
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
Flowchart Mengirim Surat
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
Flowchart Menentukan Bilangan Ganjil atau Genap
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
Flowchart Menentukan Kelulusan Mahasiswa
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
Flowchart Konversi Suhu
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
Flowchart Penerimaan Mahasiswa Baru
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
14. Membuat Kopi Instan
Algoritma Membuat Kopi Instan
Buka Kemasan Kopi sachet yang sudah dibeli
Setelah itu tuangkan Kopi Kedalam gelas
Panaskan air hingga Mendidih
Tuangkan airpanas Ke dalam Gelas
Lalu aduk hingga merata
Kopi Instan siap dinikmati �
Flowchart Membuat Kopi Instan
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
Flowchart Membuat Nasi Goreng
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
Flowhcart Pemesanan Makanan
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
Flowchart Penjumlahan 2 Angka
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
Flowchart Menghitung Nilai Akhir
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
Flowchart Menghitung Umur Seseorang
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
21. Menghitung Jam ke Menit
Algoritma Menghitung Jam ke menit
Inputkan Jam
Hitung menggunakan Rumus : Jam * 60
Tampilkan Menit
Flowchart Menghitung Jam ke menit
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
23. Menghitung KG ke Gram
Algoritma Menghtiung KG Ke Gram
Inputkan KG
Hitung menggunakan rumus : KG * 1000
Maka akan tampil Gram
Flowchart Menghtiung KG Ke Gram
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
25. Mengirim Sms
Algoritma Mengirim SMS
Buka Menu SMS
Pilih kontak / nomor telepon
Ketikan pesan
Tekan tombol kirim
SMS akan terkirim
Flowchart Mengirim SMS
Untuk mempelajari bahasa pemrograman ini kita harus menginstal JDK dan juga IDE seperti Netbeans
dan Eclipse, yang nantinya digunakan untuk melakukan peng codingan.
1. Menampilkan Hello World
public class MyClass {
public static void main(String[] args) {
System.out.println("Hello World");
}
}
Hasilnya :
Penjelasan singkat :
Kode di atas maksudnya yaitu mendeklarasikan kelas publik bernama MyClass yang berisi
metode main, titik awal eksekusi program oleh JVM. Metode main ini memiliki akses publik
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
dan bersifat statis, sehingga dapat dipanggil tanpa membuat objek dari MyClass, serta tidak
mengembalikan nilai (void).
Parameter String[] args digunakan untuk menangani argumen baris perintah. Di dalam
metode main, terdapat perintah System.out.println(“Hello World”) yang mencetak teks
“Hello World” ke konsol.
System adalah kelas bawaan Java yang menyediakan fasilitas standar, out adalah
objek PrintStream yang memungkinkan pencetakan ke konsol, dan println adalah metode
untuk mencetak teks diikuti dengan baris baru. Program ini merupakan contoh dasar untuk
mempelajari struktur dan sintaksis bahasa pemrograman Java.
Penjelasan singkat :
Kode Java yang di atas mendeklarasikan kelas publik bernama MyClass yang berisi
metode main. Metode main ini, yang merupakan titik awal eksekusi program,
mendeklarasikan variabel integer myNum, menginisialisasinya dengan nilai 15, dan mencetak
nilai tersebut ke konsol menggunakan System.out.println(myNum).
Program ini menunjukkan cara mendeklarasikan, menginisialisasi, dan mencetak variabel
dalam Java.
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
Penjelasan singkat :
Kode Java di atas mendeklarasikan kelas publik bernama MyClass dengan metode main yang
merupakan titik awal eksekusi program.
Dalam metode ini, berbagai tipe variabel dideklarasikan dan diinisialisasi: int myNum =
5 (integer), float myFloatNum = 5.99f (floating point number), char myLetter =
„D‟ (karakter), boolean myBool = true (boolean), dan String myText = “Hello” (string).
Kemudian, setiap variabel dicetak ke konsol menggunakan System.out.println
Penjelasan singkat :
Dalam metode ini, tiga variabel integer dideklarasikan dan diinisialisasi dengan hasil operasi
penjumlahan: int sum1 = 100 + 50 (menghasilkan 150), int sum2 = sum1 + 250 (menghasilkan
400), dan int sum3 = sum2 + sum2 (menghasilkan 800). Kemudian, nilai dari ketiga variabel
tersebut dicetak ke konsol menggunakan System.out.println.
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
Penjelasan singkat :
Dalam metode ini, sebuah variabel string txt dideklarasikan dan diinisialisasi dengan nilai “Hello
World”. Kemudian, metode toUpperCase() dipanggil pada variabel txt, yang mengubah semua
karakter dalam string menjadi huruf besar, dan hasilnya dicetak ke konsol
menggunakan System.out.println. Selanjutnya, metode toLowerCase() dipanggil pada
variabel txt, yang mengubah semua karakter dalam string menjadi huruf kecil, dan hasilnya juga
dicetak ke konsol.
} else {
System.out.println("Good evening.");
}
}
}
Hasilnya :
Penjelasan singkat :
Di dalamnya, sebuah variabel time diinisialisasi dengan nilai 22. Kemudian, dilakukan pengujian
kondisi menggunakan pernyataan if, else if, dan else. Jika nilai time kurang dari 10, maka pesan
“Good morning.” akan dicetak. Jika tidak, tetapi nilai time kurang dari 20, pesan “Good day.”
akan dicetak. Jika tidak memenuhi kondisi dari kedua pernyataan sebelumnya, pesan “Good
evening.” akan dicetak.
7. Switch
public class MyClass {
public static void main(String[] args) {
int day = 4;
switch (day) {
case 1:
System.out.println("Monday");
break;
case 2:
System.out.println("Tuesday");
break;
case 3:
System.out.println("Wednesday");
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
break;
case 4:
System.out.println("Thursday");
break;
case 5:
System.out.println("Friday");
break;
case 6:
System.out.println("Saturday");
break;
case 7:
System.out.println("Sunday");
break;
}
}
}
Hasilnya :
Penjelasan singkat :
Pada kode di atas sebuah variabel day diinisialisasi dengan nilai 4. Kemudian, dilakukan
pengecekan nilai variabel day menggunakan struktur kontrol switch. Setiap nilai case yang sesuai
dengan nilai variabel day akan mencetak hari yang sesuai ke konsol. Dalam kasus ini,
karena day memiliki nilai 4, maka program akan mencetak “Thursday”. Struktur switch ini
memungkinkan pemrogram untuk mengeksekusi blok kode berdasarkan nilai spesifik dari sebuah
ekspresi.
8. Penggunaan While
public class MyClass {
public static void main(String[] args) {
int i = 0;
while (i < 5) {
System.out.println(i);
i++;
}
}
}
Hasilnya :
Penjelasan singkat :
Pada kode di atas sebuah variabel i diinisialisasi dengan nilai 0. Selanjutnya, dilakukan iterasi
menggunakan struktur kontrol while, dimana program akan mencetak nilai i ke konsol selama
nilai i kurang dari 5. Setiap iterasi, nilai i akan ditampilkan dan kemudian diinkrementasi
menggunakan i++. Dengan demikian, program akan mencetak angka 0 sampai 4, karena setelah
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
nilai i mencapai 5, kondisi while (i < 5) tidak lagi terpenuhi. Struktur while digunakan untuk
melakukan iterasi berulang selama suatu kondisi terpenuhi.
9. Penggunaan Array
public class MyClass {
public static void main(String[] args) {
String[] cars = {"Volvo", "BMW", "Ford", "Mazda"};
for (int i = 0; i < cars.length; i++) {
System.out.println(cars[i]);
}
}
}
Hasilnya :
Penjelasan singkat :
Pada kode di atas sebuah array cars diinisialisasi dengan beberapa merek mobil. Selanjutnya,
dilakukan iterasi menggunakan struktur kontrol for, dimana program akan mencetak setiap
elemen dalam array cars ke konsol. Variabel i digunakan sebagai indeks dalam iterasi, dimulai
dari 0 hingga kurang dari panjang array cars. Setiap iterasi, nilai dari elemen array dengan
indeks i akan dicetak. Dengan demikian, program akan mencetak setiap merek mobil yang ada
dalam array. Struktur for digunakan untuk melakukan iterasi dengan jumlah yang telah ditentukan
sebelumnya, dalam hal ini, panjang array cars.
System.out.println("Enter username");
userName = myObj.nextLine();
System.out.println("Username is: " + userName);
}
}
Hasilnya :
Penjelasan singkat :
Pada kode di atas digunakan pernyataan import untuk mengimpor kelas Scanner dari
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
paket java.util, yang digunakan untuk membaca input dari pengguna.
Variabel myObj diinisialisasi sebagai objek Scanner yang mengambil input dari System.in (input
dari keyboard). Selanjutnya, program mencetak pesan untuk meminta pengguna memasukkan
nama pengguna (username), dan nilai input tersebut disimpan dalam
variabel userName menggunakan metode nextLine() dari objek Scanner. Akhirnya, program
mencetak nilai userName yang telah dimasukkan oleh pengguna. Dengan demikian, program
tersebut memungkinkan pengguna untuk memasukkan nilai dan menampilkan kembali nilai
tersebut.
int main() {
cout << "Hello World!";
return 0;
}
Hasilnya :
2. Mendeklarasikan variabel
#include <iostream>
using namespace std;
int main() {
int myNum = 15; // Now myNum is 15
myNum = 10; // Now myNum is 10
cout << myNum;
return 0;
}
Hasilnya :
3. Operator
#include <iostream>
using namespace std;
int main() {
int sum1 = 100 + 50; // 150 (100 + 50)
int sum2 = sum1 + 250; // 400 (150 + 250)
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
int sum3 = sum2 + sum2; // 800 (400 + 400)
cout << sum1 << "\n";
cout << sum2 << "\n";
cout << sum3;
return 0;
}
Hasilnya :
4. User Input
#include <iostream>
using namespace std;
int main() {
int x, y;
int sum;
cout << "Type a number: ";
cin >> x;
cout << "Type another number: ";
cin >> y;
sum = x + y;
cout << "Sum is: " << sum;
return 0;
}
Hasilnya :
5. Penggunaan String
#include <iostream>
#include <string>
using namespace std;
int main () {
string firstName = "John ";
string lastName = "Doe";
string fullName = firstName + lastName;
cout << fullName;
return 0;
}
Hasilnya :
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
6. Array
#include <iostream>
#include <string>
using namespace std;
int main() {
string cars[4] = {"Volvo", "BMW", "Ford", "Mazda"};
cars[0] = "Opel";
cout << cars[0];
return 0;
}
Hasilnya :
<?php
echo "<h2>PHP is Fun!</h2>";
echo "Hello world!<br>";
echo "I'm about to learn PHP!<br>";
echo "This ", "string ", "was ", "made ", "with multiple parameters.";
?>
</body>
</html>
Hasilnya :
2. Tipe data
<!DOCTYPE html>
<html>
<body>
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
<?php
$x = "Hello world!";
$y = 'Hello world!';
echo $x;
echo "<br>";
echo $y;
?>
</body>
</html>
Hasilnya :
3. Variabel
<!DOCTYPE html>
<html>
<body>
<?php
$txt = "W3Schools.com";
echo "I love " . $txt . "!";
?>
</body>
</html>
Hasilnya :
4. Konstanta
<!DOCTYPE html>
<html>
<body>
<?php
// case-sensitive constant name
define("GREETING", "Welcome to W3Schools.com!");
echo GREETING;
?>
</body>
</html>
Hasilnya :
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
5. If dan Else
<!DOCTYPE html>
<html>
<body>
<?php
$t = date("H");
</body>
</html>
Hasilnya :
6. Array
<!DOCTYPE html>
<html>
<body>
<?php
$cars = array("Volvo", "BMW", "Toyota");
echo "I like " . $cars[0] . ", " . $cars[1] . " and " . $cars[2] . ".";
?>
</body>
</html>
Hasilnya :
7. Form input
<!DOCTYPE HTML>
<html>
<body>
</body>
</html>
Hasilnya :
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
8. Form Validasi
<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<?php
// define variables and set to empty values
$name = $email = $gender = $comment = $website = "";
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$name = test_input($_POST["name"]);
$email = test_input($_POST["email"]);
$website = test_input($_POST["website"]);
$comment = test_input($_POST["comment"]);
$gender = test_input($_POST["gender"]);
}
function test_input($data) {
$data = trim($data);
$data = stripslashes($data);
$data = htmlspecialchars($data);
return $data;
}
?>
Hasilnya :
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
Beberapa contoh Coding memakai Bahasa Pemograman JavaScript
JavaScript adalah bahasa pemrograman yang paling populer di dunia. Mengapa begitu ? karena
JavaScript bisa digunakan di sisi front end ataupun back end. Untuk mempelajarinya kita harus
menginstall Text Editor dan juga Browser.
1. Output dengan innerHTML
<!DOCTYPE html>
<html>
<body>
<h2>My First Web Page</h2>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>
Hasilnya :
2. Variabel
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Variables</h2>
<p>In this example, x, y, and z are variables.</p>
<p id="demo"></p>
<script>
var x = 5;
var y = 6;
var z = x + y;
document.getElementById("demo").innerHTML =
"The value of z is: " + z;
</script>
</body>
</html>
Hasilnya :
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
3. Operator
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Operators</h2>
<p>x = 5, y = 2, calculate z = x + y, and display z:</p>
<p id="demo"></p>
<script>
var x = 5;
var y = 2;
var z = x + y;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
Hasilnya :
4. Aritmatika
<!DOCTYPE html>
<html>
<body>
<p>A typical arithmetic operation takes two numbers and produces a new number.</p>
<p id="demo"></p>
<script>
var x = 100 + 50;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
Hasilnya :
5. Event
<!DOCTYPE html>
<html>
<body>
<button onclick="document.getElementById('demo').innerHTML=Date()">The time is?</button>
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal
<p id="demo"></p>
</body>
</html>
Hasilnya :
Copyright © 2023 www.ilmuguru.org | Lengkap Administrasi Guru SD/MI, SMP/MTs, SMA/MA, SMK/MAK dan Soal-Soal